如何让checkbox只允许选择一个:

需求:原生的checkbox可以选择多个,现在只能选一个

如图:

解决:
html代码:

<form name="myForm"><table class="table1"><tr><td class="othertd">进入渠道</td><td colspan="3"><div id="checkboxDiv" class="checkbox"><input type="checkbox" name="weekSelHistory" value="1" onclick="selchk(this.value)"/>招工审批<br /><input type="checkbox" name="weekSelHistory" value="2" onclick="selchk(this.value)"/>毕业生<br /><input type="checkbox" name="weekSelHistory" value="3" onclick="selchk(this.value)"/>退伍安置<br /></div>    </td></tr></table>
</form>

js代码:

 function selchk(thisValue)  //selchk为 checkbox控件,   前台每个checkbox控件都需加上这方法{var selectLen = document.myForm.weekSelHistory.length;for (j = 0; j < selectLen; j++) {if (eval("document.myForm.weekSelHistory[" + j + "].checked") == true) {document.myForm.weekSelHistory[j].checked = false;if (document.myForm.weekSelHistory[j].value == thisValue) {document.myForm.weekSelHistory[j].checked = true;}}}}

效果:


哎呀,maya,别倦了,再倦必然倒沫子啦~

如何让checkbox只允许选择一个相关推荐

  1. VUE实现checkBox至少选择一个并提示

    目录 1.VUE环境和工程搭建 2.引入Element UI 3.代码实现 4.效果 1.VUE环境和工程搭建 https://blog.csdn.net/qq_26154077/article/de ...

  2. android checkbox监听另一个checkbox选中和不选中_一个真正0基础小白学习前端开发的心路历程...

    摘要:真正的0基础小白学习前端开发的心路历程. 距离第一阶段的结束敲响了末尾的声音,抱着初心从开始8号的学习到第一阶段的结束这期间要应付期末考试应付自己的各种事情学习时间总是挤出来的这次学习让我受益匪 ...

  3. 【译】为GatsbyJS选择一个合适的后端

    原文链接 Picking a back-end for GatsbyJS 作者 Ross Whitehouse 不久之前,我又心血来潮想要把我的作品集站点重做一遍(大概六个月就会有这么一次),这回,我 ...

  4. 2016 只剩最后一个月 你的 技术债务 还清了吗?

    一夜醒来,猛然发现,2016 已经只剩最后一个月了! 回忆过去的 330 多个日与夜,哪些互联网圈的大事让你瞠目结舌? 也许是 AlphaGo 在堪称人脑游戏巅峰的围棋领域屡战告捷: 也许是 Poké ...

  5. 欢迎大家讨论:只想要一个最简单的XXX系统,功能最简化的XXX系统

    我们国人总有一种思想,能简化的简化,但是往往我们把真正应该简单化的东西反而没简单化,例如我们的人际关系.一些比较传统的封建思想,往往这些最应该简化的东西是更加搞得深入.复杂. 其实很多东西是简化不来的 ...

  6. 如何为你的代码选择一个开源协议

    相信很多刚踏入软件这个行业的小伙伴一如当初的我,对开源软件的各种协议不甚了解被搞昏了头脑.毕竟对于一个新生程序员来说,如何写好代码才是亟待解决的问题,无暇了解这些.随着你项目做得多了代码写得多了,你会 ...

  7. ASP.NET查询页面设置form的action属性只弹出一个页面,并且每次将页面设置到最前...

    背景 当数据量大.查询条件复杂,多样多的时候,我们可能需要单独做一个查询界面,当用户选择设置了相关的查询条件后,点击[查询]按钮,系统就弹出一个新的页面展示出根据条件查询出的数据集. 然后,用户每点[ ...

  8. 如何选择一个合适的建站系统?

    当前网站建设已经成为大多数企业的互联网渠道,随着建站技术的不断进步,建站系统也逐渐增多,关键在于选择合适的方式. 现在的互联网经济极为火爆,这引起了很多即使不懂互联网的一些电脑小白们,也希望能够开设一 ...

  9. 长寿的十个秘诀 至少选择一个坚持实施

    人人都想提高自己健康长寿的机率.下面的十个秘诀中,哪怕只选择一个,然后坚持实施,若干年后你会发现已经受益无穷. 1.喝茶 喝茶,特别是喝绿茶,其中的抗氧化剂可以抵挡有害物质对你身体的伤害.喝茶被证明可 ...

最新文章

  1. Speed4Web 绿色纯净版
  2. 比特币现金是银行的一种补充
  3. Leetcode 77.组合
  4. Android 基础概念了解
  5. mysql 优化 修复原理_mysql下表的修复与优化
  6. 浅析 Linux 初始化 init 系统,第 1 部分: sysvinit
  7. 摄影测量--共线方程
  8. 数据结构专题(二):2.4链表的插入操作,头插法
  9. 新手想做IT运维工程师该详细学习哪些知识?
  10. [Maven实战-许晓斌]-[第二章]-2.3安装目录分析
  11. sessionStorage和localStorage
  12. JS基础----函数应用 案例
  13. onblur在html中的意思是:控件在失去焦点的时候触发的事件
  14. 简单配置Mybatis,Druid访问MySQL数据库
  15. PS 选区的基础使用
  16. 目的:python 解决输出乱码问题形如\u63a5\u53e3\u8c03\u7528\u6210\u529f
  17. “'react-scripts' 不是内部或外部命令,也不是可运行的程序或批处理文件。”解决方法
  18. python菜鸟教程python机器学习工具库
  19. 案例-分析上市公司财务数据判断企业财务造假——基于R语言
  20. 讲解计算机语言如何导入,【中学计算机教学语言浅析】 计算机语言排行

热门文章

  1. lwy梦境中的斐波那契数列——诈骗签到题
  2. Part I 空气曲棍球 Chapter7(7.6 Drawing Our Texture)
  3. 农信社计算机专业知识考题,福建省2016年农村信用社招聘:计算机类笔试模拟试题...
  4. Problem M. Mediocre String Problem
  5. SSH服务详解(一)–Linux SSH 服务器与客户端的安装与启动
  6. 照片拼贴Fuzel:iPhone摄影控的免费应用
  7. Ubuntu更换apt源为阿里源
  8. 简析全双工与半双工的区别
  9. 专题·医疗数据安全 | 面向医疗信息系统的安全管理实践
  10. Deepin 系统日志查看