zoukankan      html  css  js  c++  java
  • jQuery 复选框全选反选

     <script type="text/javascript">
    $(
    function(){
    //全选
    $("#CheckedAll").click(function(){
    $(
    '[name=items]:checkbox').attr("checked", this.checked );
    });
    $(
    '[name=items]:checkbox').click(function(){
    //定义一个临时变量,避免重复使用同一个选择器选择页面中的元素,提升程序效率。
    var $tmp=$('[name=items]:checkbox');
    //用filter方法筛选出选中的复选框。并直接给CheckedAll赋值。
    $('#CheckedAll').attr('checked', $tmp.length==$tmp.filter(':checked').length);
    });

    //输出值
    $("#send").click(function(){
    var str="你选中的是:\r\n";
    $(
    '[name=items]:checkbox:checked').each(function(){
    str
    +=$(this).val()+"\r\n";
    })
    alert(str);
    });
    });
    </script>
    </head>

    <body>
    <form method="post" action="">
    <b>你爱好的运动是?</b><br/>
    <input type="checkbox" id="CheckedAll" />全选/全不选<br/>
    <input type="checkbox" name="items" value="足球"/>足球
    <input type="checkbox" name="items" value="篮球"/>篮球
    <input type="checkbox" name="items" value="羽毛球"/>羽毛球
    <input type="checkbox" name="items" value="乒乓球"/>乒乓球<br/>
    <input type="button" id="send" value="提 交"/>
    </form>

    </body>

  • 相关阅读:
    poj3277 City Horizon
    60.左值右值以及类型判断
    59.C++与正则表达式
    57.C++处理转义字符
    56.lambda表达式与绑定以及伪函数和绑定
    55.函数模板指针匹配(模板自动匹配*多的)
    54.函数模板默认参数
    53.伪函数与函数绑定器
    52.模板的重载
    51.模板与引用
  • 原文地址:https://www.cnblogs.com/linjiqin/p/2177885.html
Copyright © 2011-2022 走看看