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>
  • 相关阅读:
    maven项目的导包问题,已经加载jar包了可是idea检测不到
    spark MLlib矩阵四则运算,线性代数
    maven spark Scala idea搭建maven项目的 pom.xml文件配置
    tensorflow2.0 numpy.ndarray 与tenor直接互转
    TensorFlow2.0矩阵与向量的加减乘
    Ubuntu14.04下Nginx反向代理Odoo域名
    Geforce experience报错:something went wrong try restarting geforce
    github的代码上传成功但是不显示绿格子(一直拖....心痛的教训.....)
    mapper文件提示:No data sources are configured to run this sql
    Pycharm中SQL语句提示SQL Dialect is Not Configured
  • 原文地址:https://www.cnblogs.com/liydotnet/p/1134240.html
Copyright © 2011-2022 走看看