Question

CheckBox实现单选怎么做

Answer 1

<div style="line-height:1.5em;padding: 5px 0;font-size: 14px;">
<ul class="mui-table-view">
<li class="mui-input-row"><input type="checkbox" name="quesA" id="quesA" value=""/>A.我比失恋还难受</li>
<li class="mui-input-row"><input type="checkbox" name="quesB" id="quesB" value="" />B.科比的退役是可惜，但是很快会有新人代替他</li>
<li class="mui-input-row"><input type="checkbox" name="quesC" id="quesC" value="" />C.科比就是矫情，退役还搞这么大的排场</li>
<li class="mui-input-row"><input type="checkbox" name="quesD" id="quesD" value="" />D.其他，_________________</li>
</ul>

</div>
js实现单选功能，遍历每一个checkbox，如果有一个选中，其他的就默认未选中状态，从而实现checkbox单选功能，并且可以实现都不选中状态，比单选按钮要好一点
<script>

$(function(){
$(':checkbox[type="checkbox"]').each(function(){
$(this).click(function(){
if($(this).attr('checked')){
$(':checkbox[type="checkbox"]').removeAttr('checked');
$(this).attr('checked','checked');
alert(this.id);
}
});
});
});

</script>