Javascript jQuery可点击未选中输入：复选框？是否选中所有复选框？

Q1:当单击行中的

input:checkbox

选中

it input:checkbox

时，我会创建一个我想要的“jQuery clickable”（就像单击行时一样）

Q2:我想在单击“第一行（tr）”中的

输入：复选框（无行）

时选中所有复选框？ 示例：

---

恕我直言，你可能正在寻找这个。根据您的需要编辑它

更新：

问题1：

问题是，当您单击复选框时，它直接设置checked属性，而您直接将其设置回原位

编辑：

我对它做了很多修改，但效果很好：

---

尽管说实话，我还是将标题放在了一个“thead”中，这样您就不必对第一行进行例外处理。

只是为了澄清：您希望能够单击每行中的任何位置，并且该行的相应复选框被选中，并且您希望顶部的复选框能够打开/关闭下面的所有复选框。正确吗？@Alex它已经完成了第一部分-所以我不确定这是否是OP的意思。如果单击行，它确实有效，但如果在jQuery再次单击复选框时单击复选框，将其切换回原位，则不起作用！请同时回答这两个问题这是问答网站。你问一个问题，我回答一个问题，我问两个问题->第一季度和第二季度。你没看见他们？我看见了。但是每个帖子你应该问一个问题。创建另一个问题（帖子）提问请同时回答这两个问题。点击复选框后不添加

$（this）.css（'backgroundColor'，“#ffd6c1”）？
$('.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");
    }
});

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

$('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');
        }
    });
});