Question

我试图在这个条件下向我的表添加一个小脚本：我有一个表格，每个tr td都有一个复选框，我想只在选择器找到一个tr而不检查所有td复选框但是如果在tr行上只检查了一个复选框然后不将类添加到父tr时才应用我的jQuery脚本

基本上我需要在整个tr行中为父tr添加一个类，没有选择td复选框。

这是我的剧本：

$(function () {
    $('#callScr').on('click', function (e) {
        $(".table tr input:not(:checked)").each(function (i, obj) {
            $(this).parent().parent().addClass("yourClass");
        });
    })
});

Here is my fiddle:

现在正在向所有tr父母添加该类，即使我选择了一个checbox ......

Answer 1

循环遍历"中的每个\\\\\\\\以及其中已选中复选框的长度。如果长度为tr，则添加类。

tbody

UPDATED FIDDLE

Answer 2

您可以迭代tr并执行此操作并检查

中的输入

$(function(){
    $('#callScr').on('click', function(e){
       $( ".table tr:gt(1)" ).each(function(i, obj) {
          if($(this).find('input:checked').length===0)
             $(this).addClass( "yourClass" );
       });
    });
});

JS Fiddle以供参考

Answer 3

我想如果复选框将被检查，你也想删除类：

$(function(){
    $('#callScr').on('click', function(e){
        $('.table tbody tr').each(function(){
            $(this).toggleClass('yourClass',$(this).find(':checkbox:checked').length == 0);
        });
    });
});

https://jsfiddle.net/DTcHh/16995/

表tr td带复选框，如果未选中复选框，则应用父tr类

3 个答案:

UPDATED FIDDLE