js checkbox复选框实现单选功能[通俗易懂]
JS 实现 功能 通俗易懂 checkbox 复选框 单选
2023-06-13 09:11:24 时间
大家好,又见面了,我是你们的朋友全栈君。
js checkbox复选框实现单选功能
<script type="text/javascript">
$(":checkbox").click(function(){
$(this).attr("checked",true);//设置当前选中checkbox的状态为checked
$(this).siblings().attr("checked",false); //设置当前选中的checkbox同级(兄弟级)其他checkbox状态为未选中
});
</script>
<div style="margin-left: 150px;">
<input name="checkbox" type="checkbox" checked="checked" id="checkbox1">
<input name="checkbox" type="checkbox" id="checkbox2">
</div>
本文仅供学习交流使用,如侵立删! |
---|
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/139018.html原文链接:https://javaforall.cn
相关文章
- 数据透视表上线!如何在纯前端实现这个强大的数据分析功能?
- Vue.js - 使用Vue实现简简单单的分页功能
- Clipboard.js实现复制文本到剪贴板功能[通俗易懂]
- javascript中js实现导出CSV文件功能
- Node.js TLSSocket 库里涉及到的证书链的概念简介
- xterm.js 组件实现WebSSH功能
- js实现返回页面顶部功能详解编程语言
- js实现图片等比缩放详解编程语言
- 使用JS连接MySQL数据库:实现化繁为简(js连接mysql数据库)
- 使用JS实现Redis数据读取(js读取redis)
- Oracle中使用JS变量管理数据(oracle使用js变量)
- css+js实现select列表横向排列效果代码
- js进度条实现代码
- JS操作日期顺便实现上一周和下一周功能
- js模拟实现类似c#下的hashtable的简单功能代码
- js实现图片放大缩小功能后进行复杂排序的方法
- js模仿html5placeholder适应于不支持的浏览器
- JS小功能(checkbox实现全选和全取消)实例代码
- js通过八个点拖动改变div大小的实现方法
- js如何调用qq互联api实现第三方登录
- Node.js实现批量去除BOM文件头
- Node.js实现在目录中查找某个字符串及所在文件