将类添加到已检查的输入

时间:2017-07-12 13:47:30

标签: jquery

我想这样做:如果其中一个输入被自动选择,则将该类添加到他的表父级。 我有原始代码,可以将类添加或删除到所选输入:

$('.table tr.table-selection').click(function() {
$('.table tr').removeClass('success').find('input').prop('checked', false); 
$(this).addClass('success').find('input').prop('checked', true); 
});

所以,我尝试添加类似的代码:

$('.table tr.table-selection').ready(function() {
$(this).addClass('success').find('input').prop('checked', true); 
});

但它不起作用。我对jQuery不太熟悉,我该怎么改变?

3 个答案:

答案 0 :(得分:1)

使用以下命令在加载时运行它:

$(document).ready(function() {
  $('.table tr.table-selection')
  .addClass('success').find('input').prop('checked', true); 
});

答案 1 :(得分:0)

也许使用:

    $('.table tr.table-selection').on("click", function(){
          $(this).addClass('success').find('input').prop('checked', 
          true);
    })

[编辑]如果您想加载,可以这样做:

    $('.table tr.tableselection').addClass('success').find('input').prop('checked',true);})

答案 2 :(得分:0)

如果你想检查输入默认是否检查,你不需要写.click(function(){})

你只需要写一个这样的if / else条件:

$(document).ready(function() {
    var checkControl = $('.table tr.table-selection');
    if(checkControl.find('input').prop('checked', true)){
       $(this).addClass('success');
    }else{
        $(this).addClass('fail');
    }
});