我使用 jQuery 将一个类添加到单选框(如果它被选中)。
这工作正常,但在选择另一个单选框时它不会删除该类。
我缺少什么?
jQuery(".checkbox-radio").change(function() {
if ($(this).is(':checked'))
$(this).closest(".radio-inline").addClass("selected");
else
$(this).closest(".radio-inline").removeClass("selected");
});
<label class="radio-inline conf-option-1">
<input type="radio" class="checkbox-radio" name="configoption[1]" value="1" checked="checked" onclick="prodconfrecalcsummary()">
<i class="icon-addon"></i>
<span class="addon-qty"></span>
<span class="addon-text">Text</span>
<span class="addon-price"> Text </span>
</label>
<label class="radio-inline conf-option-2">
<input type="radio" class="checkbox-radio" name="configoption[2]" value="2" checked="checked" onclick="prodconfrecalcsummary()">
<i class="icon-addon"></i>
<span class="addon-qty"></span>
<span class="addon-text">Text</span>
<span class="addon-price"> Text </span>
</label>
<label class="radio-inline conf-option-3">
<input type="radio" class="checkbox-radio" name="configoption[3]" value="3" checked="checked" onclick="prodconfrecalcsummary()">
<i class="icon-addon"></i>
<span class="addon-qty"></span>
<span class="addon-text">Text</span>
<span class="addon-price"> Text </span>
</label>
Remove selected
所有人的班级.radio-inline
然后添加/删除selected
根据如下所示的条件。
<script>
jQuery(".checkbox-radio").change(function() {
$(".radio-inline").removeClass("selected"); //add this
if ($(this).is(':checked')){
$(this).closest(".radio-inline").addClass("selected");
}
else
$(this).closest(".radio-inline").removeClass("selected");
});
</script>
DEMO https://jsfiddle.net/8vbgmura/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)