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>
  • 相关阅读:
    cocoaPod 使用
    iOS 7 开启侧滑效果
    数组排序
    JSON 保存到本地
    使用Android Studio时,Gradle同步失败的原因之一
    JDBC连接SQL Server数据库出现“通过端口 1433 连接到主机 localhost 的 TCP/IP 连接失败”错误解决办法
    tomcat启动命令行窗口出现乱码的解决方法
    eclipse中启动tomcat后,浏览器中出现404错误的解决办法
    Android Studio 出现Activity supporting ACTION_VIEW is not set as BROWSABLE错误
    解决AndroidStudio的错误:Installation failed with message Failed to finalize session : INSTALL_FAILED_INVALID_APK
  • 原文地址:https://www.cnblogs.com/liydotnet/p/1134240.html
Copyright © 2011-2022 走看看