Question

对于Ex。我有一个5页的数据表使用分页。每个页面在标题中都有一个选择全部复选框按钮，每个行在表的第一列有一个复选框。如果我点击第一页选择所有复选框然后所有页面上的复选框应该检查或取消选中。也应该发布所有复选框值。

Answer 1

以下是check-all场景的概述。根据你的问题，很难说你正在寻找的是什么类型的东西：

<强>表格

<label><span id="check_all">Check All</span><input type="checkbox" id="checkAll" /></label>
<label>Check 1<input type="checkbox" class="checkItem" /></label>
<label>Check 2<input type="checkbox" class="checkItem" /></label>
<label>Check 3<input type="checkbox" class="checkItem" /></label>

<强>的jQuery

$('#checkAll').click(function(){  
    var IsChecked = $('#checkAll').prop('checked');
    if (IsChecked == true) {
        $('.checkItem').prop('checked',true);
        $('#check_all').html("Clear All?");
    }
    else {
        $('.checkItem').prop('checked',false);
        $('#check_all').html("Check All");
    }
});

DEMO： http://jsfiddle.net/yarr15e3/

如何在点击第一页时选中/取消选中所有页面上的复选框，选中所有复选框

1 个答案: