大家好,又见面了,我是你们的朋友全栈君。
<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>
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/139311.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...