jquery操作checkbox

//全选/取消全选
            $('#quanxuan').toggle(function () {
                $("input[name='abc']").attr("checked", 'true');
            }, function () {
                $("input[name='abc']").removeAttr("checked");
            });

一句话搞定:

$("#headbox").click(function() {
    $(":checkbox").prop('checked', $(this).prop('checked'));
 });


//反选
            $('#fanxuan').click(function () {
                $("input[name='abc']").each(function () {
                    if ($(this).attr("checked")) {
                        $(this).removeAttr("checked");
                    } else {
                        $(this).attr("checked", 'true');
                    }
                });
            });

jquery版本在1.3之前时,获取checkbox的选中项的操作:

$("input[name='abc'][checked]").each(function () {
                    alert(this.value);
                });

jquery版本在1.3之后时,获取checkbox的选中项的操作:

$("input[name='abc']:checked").each(function () {
                    alert(this.value);
                });
 
jquery操作checkbox

相关推荐