第二种 复选框的写法

 <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>

你可能感兴趣的:(javascript,复选框)