if:选中将class添加到此

Question

我有一个小问题.我想检查是否选中了复选框,如果选中它,我想向他的第一个兄弟添加一个类.HTML:

    <input class="box" type="checkbox">
    <p class="red">Red text </p>

    <input class="box" checked type="checkbox">
    <p class="red">I want this text in blue </p>

JS:

    if(jQuery(".box").is(":checked")) {
    jQuery(this).next().attr('class', 'blue');                              
}

示例:http://jsfiddle.net/LVEqn/

提前致谢 !

Answer 1

如果要将"蓝色"类添加到复选框后面的所有元素,请执行以下操作:

$(".box:checked").next().addClass('blue');

如果要替换现有类,请执行

$(".box:checked").next().attr('class', 'blue');

如果您希望这是动态的,那么在用户检查或取消选中时会发生变化,请执行此操作

$(".box").change(function(){
    $(this).next().attr('class', $(this).is(':checked') ? 'blue' : 'red');
});

示范