如果选中复选框,则Jquery添加一个类

Question

我正在尝试在选中复选框时添加一个类.

我的jquery:

$('input').attr("checked").change(function(){
$('div.menuitem').addClass("menuitemshow");
})

Answer 1

您不应该使用$("input")选择a checkbox,输入将选择所有输入.相反,你可以使用input:checkbox:

$('input:checkbox').change(function(){
    if($(this).is(":checked")) {
        $('div.menuitem').addClass("menuitemshow");
    } else {
        $('div.menuitem').removeClass("menuitemshow");
    }
});

基本上它的作用是执行function(){}复选框更改时的内容.然后你可以使用jQuery is检查复选框是否被选中..

Answer 2

// if checkbox checked then backgorund color will be gray
// there should be a input type check box with a parent class label.

 $('input:checkbox').change(function(){
   if($(this).is(':checked')) 
       $(this).parent().addClass('selected'); 
  else 
      $(this).parent().removeClass('selected')
 });

// input check box should be like this
<label class="" ><input type="checkbox" name="blabla" /></label>

这会将“ selected”类添加到标签tag（）

//css
.selected {
background:gray
}