zoukankan      html  css  js  c++  java
  • JQuery:单选框,复选框取值

    <div style="100%; border:solid 1px #0000ff; line-height:25px">    
          
    <input type="radio" name="items" id="item1" value="1" checked="checked" />1&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" name="items" id="item2" value="2"/>2&nbsp;&nbsp;&nbsp;&nbsp;  
            <input type="radio" name="items" id="item3" value="3"/>3&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" name="items" id="item4" value="4"/>4&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" name="items" id="item5" value="5"/>5
            <br/>
            <input id="bt_radio" type="button" value="单选框测试">

    <script type="text/javascript"> 
    $(document).ready(
    function(){    
            $(
    "#bt_radio").click(function(){
                                alert($(
    "input[@name=items][@checked]").val());                
                }
    )
    }
    )
    </script> 
    </div>
    <br />
    <div style="100%; border:solid 1px #0000ff; line-height:25px">
    <input type="checkbox" name="cbType1" id="cbType1" value="1" checked/>1&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="checkbox" name="cbType1" id="cbType2" value="2" />2&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="checkbox" name="cbType1" id="cbType3" value="3" checked />3&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="checkbox" name="cbType1" id="cbType4" value="4" checked />4
    <br/>
    <input id="bt_checkbox" type="button" value="多选框测试">
    <script type="text/javascript"> 
    $(document).ready(
    function(){
            $(
    "#bt_checkbox").click(function(){
                        
    var aa="";
                        $(
    "input[@name=cbType1][@checked]").each(function(){
                                    aa
    +=$(this).val()+",";
                        }
    )
                        alert(aa);
            }
    )
    }
    )
    </script>            
    </div>
    <br />
    <div style="100%; border:solid 1px #0000ff; line-height:25px">
    <input type="checkbox" name="cbType2" id="cbType21" value="1" checked/>1&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="checkbox" name="cbType2" id="cbType22" value="2" />2&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="checkbox" name="cbType2" id="cbType23" value="3" checked />3&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="checkbox" name="cbType2" id="cbType24" value="4" checked />4
    <br/>
    <input id="bt_checkbox2" type="button" value="多选框测试2">
    <script type="text/javascript"> 
    $(document).ready(
    function(){
            $(
    "#bt_checkbox2").click(function(){
                        
    var aa="";
                        $(
    "input[@name=cbType2]").each(function(){
                                
    if(this.checked){
                                        aa
    +=this.value+",";
                                }

                        }
    )
                        alert(aa);
            }
    )
    }
    )
    </script>
    </div>
  • 相关阅读:
    什么是Spring的IOC和DI
    2021年ACP考试复习笔记-云服务器ECS知识点及练习
    个人站点搭建完成啦,欢迎前来参观~
    准备一台标准服务器(模版机)!
    正则表达式几个常用的特殊字符!
    Shell的几个重点工具
    Shell入门,关于语法的一些简单玩意儿
    Mysql for Linux的安装以及远程访问
    在学到MySQL索引时,涉及到了B树和B+树.聊一聊
    Linux的一些问题的处理(重要目录,/配置静态IP/主机名/hosts映射)
  • 原文地址:https://www.cnblogs.com/liydotnet/p/1134240.html
Copyright © 2011-2022 走看看