Question

我正在制作一个测验脚本。我隐藏了单选按钮，想要使标签类（单选按钮伪）可单击。

我有：

<li class="pos-3">
   <input type="radio" value="4" id='radio1_<?php echo $result['id'];?>' name='<?php echo $result['id'];?>'/>
   <label class="" for="radio1_<?php echo $result['id'];?>"><?php echo $result['answer4'];?></label>
</li>

我认为我可以通过jQuery实现这一点：

$(document).ready(function() {
 if($("input.check").is(":checked")){
$(this).label.addClass("checked");
  }
});

但是悲惨地失败了。

任何建议，无线电点击正在注册。但是这个课程没有被添加。

每个问题有4个（li）选择。

Answer 1

您需要为无线电元素注册一个更改处理程序，然后您可以使用.toggleClass（）来切换标签的已检查类

jQuery(function () {
    $('input[type="radio"]').change(function () {
        $('input[name="' + this.name + '"]').not(this).next().removeClass('checked');
        $(this).next().toggleClass('checked', this.checked)
    })
})

演示：Fiddle

Answer 2

您只需将类checked添加到单击的单选按钮，然后从其他单选按钮中删除该类：

$('input[type="radio"]').change(function () { 
    $('input[type="radio"]').next().removeClass('checked');
    $(this).next().addClass('checked');    
});

<强> Demo

OnClick将类添加到标签

2 个答案: