让复选框只能选择一项的方法
更新时间：2013年10月08日 17:52:07 作者：
如何让复选框只能选择一项，实现的方法有很多，在本文为大家详细介绍下，有此需求的朋友可以参考下
js中：
function chooseOne(chk){
//先取得同name的chekcBox的集合物件
var obj = document.getElementsByName("chk");
for (i=0; i<obj.length; i++){
//判斷obj集合中的i元素是否為cb，若否則表示未被點選
if (obj[i]!=chk) obj[i].checked = false;
//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行
else obj[i].checked = true;
}
}
jsp页面中：
<input type="checkbox" id="${userGroup.groupId}" name="chk" onClick="chooseOne(this)">
复制代码 代码如下:
function chooseOne(chk){
//先取得同name的chekcBox的集合物件
var obj = document.getElementsByName("chk");
for (i=0; i<obj.length; i++){
//判斷obj集合中的i元素是否為cb，若否則表示未被點選
if (obj[i]!=chk) obj[i].checked = false;
//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行
else obj[i].checked = true;
}
}
jsp页面中：
复制代码 代码如下:
<input type="checkbox" id="${userGroup.groupId}" name="chk" onClick="chooseOne(this)">
相关文章
这篇文章主要介绍了采用自执行的匿名函数解决for循环使用闭包的问题,很简单，但比较实用，需要的朋友可以参考下2014-09-09
这篇文章主要介绍了JS实现查找数组中对象的属性值是否存在,涉及javascript针对json数组的遍历、查找相关操作技巧,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了基于Marquee.js插件实现的跑马灯效果,结合实例形式给出了Marquee.js插件的定义及具体使用方法,需要的朋友可以参考下2017-01-01
JavaScript和jQuery获取input框的绝对位置实现方法
下面小编就为大家带来一篇JavaScript和jQuery获取input框的绝对位置实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了前端实现类似chatgpt的对话页面(案例),需要的朋友可以参考下2023-03-03
这篇文章主要深度揭密了js轮播插件核心代码的实现过程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
chrome浏览器不仅仅可以用来上网，对于开发人员来说，它更像是一款强大的开发辅助工具。今天这篇文章给大家分享在chrome浏览器如何断点调试异步加载的JS，有需要的可以参考借鉴。2016-09-09
单个的加号作为运算符在 JavaScript 中有三种作用。2013-03-03
这篇文章主要介绍了JS实现日期加减的方法，有需要的朋友可以参考一下2013-11-11
这篇文章主要为大家详细介绍了JavaScript实现HSL拾色器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
最新评论