第二种 复选框的写法

来源:互联网 发布:eg ti5 知乎 编辑:程序博客网 时间:2024/06/06 04:48
 <form method="post" action="">        你爱好的运动是?        <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> <script type="text/javascript" src="jquery-1.7.js"></script>    <script type="text/javascript">    jQuery.noConflict();    (function($) {        $('#CheckedAll').click(function() {            $('[name=items]:checkbox').prop('checked', this.checked);        });        // $('[name=items]:checkbox').click(function() {        //     var $tmp = $('[name=items]:checkbox');        //     $('#CheckedAll').prop('checked', $tmp.length == $tmp.filter(':checked').length);        // });        /*思路二*/        $('[name=items]:checkbox').click(function() {            var flag = true;            var $tmp = $('[name=items]:checkbox');            $tmp.each(function(index, el) {                if (!this.checked) {                    flag = false;                }            });            $('#CheckedAll').prop('checked', flag);        });    })(jQuery);    </script>
0 0
原创粉丝点击