使用复选框。？

Question

我通常希望当用户手动检查所有复选框时，应检查checkall复选框，当用户取消选中一个框以便不检查“all”时，checkall框应该取消选中。我的代码怎么样？

示例： here is full my code

Answer 1

你去吧

http://jsfiddle.net/cQYVE/13/

只需在代码中的tr点击处理程序中添加以下代码即可。

$('.table_show tr input:first').prop('checked', 
     shouldCheck && ($('.table_show tr:gt(0) input:not(:checked)').length == 0));

Answer 2

只需检查检查了多少个框：

var $master = $('th input'),
    $slaves = $('td input');

$slaves.change(function() {
    var state = true;

    $slaves.each(function(){
        if ( this.checked == false ) {
            state = false;
            return false;
        }
    });

    $master.prop('checked', state);
});

http://jsfiddle.net/cQYVE/16/

Answer 3

试试这个：http://jsfiddle.net/cQYVE/18/

（ShankarSangoli解决方案的小改进）

Answer 4

if (!$('input[type=checkbox]:not(:checked)').length)
    do('stuff');

这将检查是否有任何未选中的内容，如果没有，则执行操作（即，它们都已选中）