JQ-checkbox实现单选功能
实现 功能 checkbox 单选 jq
2023-06-13 09:11:52 时间
大家好,又见面了,我是你们的朋友全栈君。
<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>
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/139311.html原文链接:https://javaforall.cn
相关文章
- 区分让Linux终端告别单调: 颜色区分实现美观终端界面(linux颜色)
- Oracle 扩展字段-轻松实现(oracle扩字段)
- Linux实现FTP自动上传功能(linux自动上传ftp)
- 复制架构Linux下DNS主从复制的实现(linuxdns主从)
- PHP与MSSQL结合:轻松实现分页功能(phpmssql分页类)
- 使用Oracle JDBC连接实现多种数据库功能(oraclejdbc连接)
- 实现MongoDB主从切换的简单操作(mongodb主从切换)
- 操作Linux分支操作:实现更多的功能(linux的分支)
- 使用Linux系统API函数实现功能(Linux系统api函数)
- Linux新建扩展分区实现计算机分区管理(linux建扩展分区)
- MySQL数据复制快速实现两表拷贝(mysql两表拷贝)
- Oracle使用左右连接实现数据查询功能(oracle使用左右连接)
- 重塑Redis Set,实现进一步发挥功能(修改redis set)
- Oracle实现多位小数的存储处理(oracle保留多位小数)
- Oracle数据库按月划分表的实现方法(oracle不同月份的表)
- Redis订阅功能底层实现机制解析(redis 订阅底层实现)
- Redis有没有实现强大的持久化功能(redis能做持久化层吗)
- 解析Java实现随机验证码功能的方法详解
- JS小功能(checkbox实现全选和全取消)实例代码