单选框radio默认只能选中状态,再次点击无法取消,我们可以通过控制当前点击事件的单选框checked属性来控制选中/取消,如果使用了iCheck插件如何实现,iCheck提供了ifClicked事件,可以使用该事件实现我们想要的效果:
<label class="radio-choose">
<input name="test" value="1" type="radio" />
<div class="text">阶段一</div>
</label>
<label class="radio-choose">
<input name="test" value="2" type="radio" />
<div class="text">阶段二</div>
</label>
<label class="radio-choose">
<input name="test" value="3" type="radio" />
<div class="text">阶段三</div>
</label>
使用ifClicked事件:
$(function(){
$('input:radio[name="test"]').on('ifClicked', function(event){
if($(this).is(":checked")){
$(this).attr("checked",false);
}
$(this).iCheck('update');
});
});