关于checkbox一些总结

关于checkbox一些总结

    <label><input type="checkbox" value="" id="all">全选</label><br/>
    <input type="checkbox" name="item" value="1"><br/>
    <input type="checkbox" name="item" value="2"><br/>
    <input type="checkbox" name="item" value="3"><br/>
    <button type="button" id="btn">删除</button>
    <script type="text/javascript">
        //全选，全不选
        $('#all').click(function() {
            //if ($(this).is(':checked')) {
            //if ($(this).attr('checked')) {
            if ($(this).prop('checked')) {
                //$(':checkbox[name=item]').attr('checked', true);
                //$(':checkbox[name=item]').attr('checked', 'checked');
                $(':checkbox[name=item]').prop({checked:true});
            } else {
                //$(':checkbox[name=item]').attr('checked', false);
                //$(':checkbox[name=item]').removeAttr('checked');
                $(':checkbox[name=item]').prop({checked:false});
            }
        });
        
        //获取所有选中的值
        $('#btn').click(function() {
            var c = [];
            $(':checkbox[name=item]:checked').each(function (i, n) {
                c[i] = $(this).val();     
            });
        });
    </script>