Question

用jquery来限制checkbox被选中的数量,但是已经有被选中的,该怎么办?

$(document).ready(function() {
$('input[type=checkbox]').click(function() {

$("input[name='aa']").attr('disabled', true);
if ($("input[name='aa']:checked").length >= 3) {
$("input[name='aa']:checked").attr('disabled', false);
} else {
$("input[name='aa']").attr('disabled', false);
}
});
})

以上的代码实现了当复选框被选中的个数等于3个时,其它的checkbox不可选
但是,当页面刷信后,checkbox被选中的数量已经等于3时,其它的checkbox不会自动变为disabled
我想让会员保存页面后,页面重新加载,如果当时checkbox选中的数量已经等于3,其它的checkbox不可选.
该怎么办呢

Answer 1

$(document).ready(function() {
    function testCheckbox(){
        $("input[name='aa']").attr('disabled', true);
        if ($("input[name='aa']:checked").length >= 3) {
            $("input[name='aa']:checked").attr('disabled', false);
        } else {
            $("input[name='aa']").attr('disabled', false);
        }
    }
    testCheckbox();
    $('input[type=checkbox]').click(function() {
        testCheckbox();
    });
})

试试看