javascript - 如何将 html 类添加到上面的元素

Question

我希望这个标题能表达我想做的事情。我的网站上有一个复选框。我想检查变量然后添加 class='checked'到上面的元素。例如:

<div class="checker" id="uniform-personalData1"><span><input name="personalData1" id="personalData1" value="0" type="checkbox"></span></div>

如果 js 变量像 $a = 1我要添加class='checked'至<span> 。像这样:

<div class="checker" id="uniform-personalData1"><span class="checked"><input name="personalData1" id="personalData1" value="0" type="checkbox"></span></div>

如何使用 jquery 来完成此操作？

亲切的问候

Answer 1

我认为您正在寻找类似的东西，向复选框输入添加一个change事件并获取值，如果值= 1添加您想要的类:

$(":checkbox").change(function(){
    if($(this).val() == 1){
        $(this).closest("span").addClass("checked")
    }
    else $("span").removeClass("checked")
});

.checked{
    color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="checker" id="uniform-personalData1">
    <span>
      Value 0 : <input name="personalData1" id="personalData1" value="0" type="checkbox">
    </span><br>
    <span>
      Value 1 : <input name="personalData1" id="personalData1" value="1" type="checkbox">
    </span>
</div>