Question

我正在尝试使用jQuery根据无线电检查（JSFiddle）更改span类。我已经从第一个范围中移除了类 - 但是无法将其添加到下一个类中。我很确定这是一个简单的解决方案 - 但对于我的生活，我很难过......

目前正在使用：

$(document).ready(function(){
$('input:radio').change(function(){
    $('span.StatusBox').removeClass('active');
    $(this).closest('span.StatusBox').addClass('active');
});

}）;

由于

Answer 1

可以通过向data attribute添加span来解决。

<强> HTML：

<span class="StatusBox yes active" data-value="1">Yes</span>
<span class="StatusBox no" data-value="0">No</span>

YES<input type="radio" name="tickets_active" value="1"checked=""><br>
NO<input type="radio" name="tickets_active" value="0">

<强> JS：

$(document).ready(function(){
    $('input:radio').change(function(){
        $('span.StatusBox')
             .removeClass('active')
             .filter('[data-value=' + $(this).val() + ']').addClass('active');
    });
});

jsFiddle Demo

jQuery单选按钮改变span类

1 个答案: