让复选框只能选择一项的方法
更新时间：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)">
相关文章
浏览器是客户端,客户端的操作服务器是监听不到的,所以可以用js来监听,js代码监听浏览器关闭或者刷新,这篇文章主要给大家介绍了关于JS监听浏览器关闭、刷新及切换标签页触发事件的相关资料,需要的朋友可以参考下2023-11-11
在项目开发过程中遇到一个需要从小程序上传图片的需求,此需求实现起来并不难,下面这篇文章主要给大家介绍了关于微信小程序开发指南之图片压缩解决方案的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了js函数与php函数的区别,以实例形式较为简单的分析了js函数与php函数语法及应用上的不同点,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
这篇文章介绍了javascript中类型判断的最佳方式，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
这篇文章主要为大家介绍了Javascript类型转换，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
Day.js是一个轻量的处理时间和日期的JavaScript库,和Moment.js的API设计保持完全一样,这篇文章主要给大家介绍了关于js如何快速处理日期以及手写Day.js的相关资料,需要的朋友可以参考下2024-06-06
next.js之getStaticProps getStaticPaths使用技巧解析
这篇文章主要为大家介绍了next.js之getStaticProps getStaticPaths使用技巧解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
用JSON.parse 来转换成json对象，由于有注释的存在则无法正确转换甚至报错。匹配字符串中的所有注释，包括单行和多行注释2013-11-11
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
下拉分页选择插件 SelectPage v2.4 发布了，新增纯下拉列表和关闭分页功能，下面通过本文给大家啊介绍SelectPage的相关知识，感兴趣的的朋友一起看看吧2017-09-09
这篇文章主要介绍了详解webpack import()动态加载模块踩坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
最新评论