<div class="col-12">
<label style="display:block"><input id="key4" type="radio" name="option_1" value="1" class="closs_1">1</label>
<label style="display:block"><input id="key5" type="radio" name="option_1" value="2" class="closs_1">2</label>
<label style="display:block"><input id="key6" type="radio" name="option_1" value="3" class="closs_1">3</label>
<label style="display:block"><input id="key7" type="radio" name="option_1" value="4" class="closs_1">4</label>
<label style="display:block"><input id="key8" type="radio" name="option_1" value="5个及以上" class="closs_1">5个及以上</label>
</div>
label被选择,颜色变了,如果选择其他的label,需要去除原来的选择样式,如下遍历:
$("label").on("click",function(){
$(this).parents().children('label').each(function () {
if($(this).hasClass('active')){
$(this).removeClass("active");
}
})
$(this).addClass("active");
})
/通用,单选多选
$("label").on("click",function(){
$(this).parents().children('label').each(function () {
if($(this).children('input').is(':checked')){
$(this).addClass("active");
}else{
$(this).removeClass("active");
}
})
})