jquery - if :checked 向此添加类

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

示范

Answer 2

试试这个：

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

演示： http: //jsfiddle.net/LVEqn/2/ ​</p>

Answer 3

jQuery

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

CSS

.blue {color: blue !important;}