Question

Q1：我在点击input:checkbox行it input:checkbox时创建了一个“jQuery clickable”（就像点击行时一样）

Q2：我想点击第一行（tr）中的input:checkbox(no row) 选中所有复选框？

$('.table_show tr, .table_show tr input[type="checkbox"]').live('click',function(){
    checkBox = $(this).find("input").prop('checkbox', true);
    $id = $('input:checkbox:checked').val();
    if (checkBox.prop('checked')) {
        $(this).css('backgroundColor', "");
        checkBox.prop('checked', false);
    }
    else {
        checkBox.prop('checked', true);
        $(this).css('backgroundColor', "#ffd6c1");
    }
});

尊重

Answer 1

你可能正在寻找这个。根据您的需要进行编辑

http://jsfiddle.net/tKBJ2/9/

$('table tr input:first').live('click',function(){
    $("input").each(function(){
        $(this).prop('checked', 'checked'); 
    });
});

UPDATE：

http://jsfiddle.net/tKBJ2/17/

$('table tr input:first').live('click',function(){
    $new_value = $(this).prop('checked');
    $("input").not(':first').each(function(a,b){
        if ($new_value == false){
            $(this).prop('checked', false);
        }
        else
        {
            $(this).prop('checked','checked');
        }
    });
});

Answer 2

Q1：

http://jsfiddle.net/tKBJ2/7/

问题是，当您单击复选框时，它会直接设置checked属性，然后直接将其设置回来。

编辑：

我改变了很多，但它确实有效：

http://jsfiddle.net/tKBJ2/35/

虽然说实话，我会把标题放在thead中，所以你不必为第一行做例外。

jQuery clickable未选中输入：复选框？选中所有复选框？

2 个答案:

UPDATE：