js 实现复选框只能选择一项的示例代码


Posted in Javascript onJanuary 23, 2018

实例如下所示:

<!DOCTYPE HTML>
<html>
<head>
 <title></title>
</head>
<body>
<ul>
 <li><input type="checkbox" name="ss" onclick="choose(this)">1</li>
 <li><input type="checkbox" name="ss" onclick="choose(this)">2</li>
 <li><input type="checkbox" name="ss" onclick="choose(this)">3</li>
 <li><input type="checkbox" name="ss" onclick="choose(this)">4</li>
 <li><input type="checkbox" name="ss" onclick="choose(this)">5</li>
</ul>
<script language="JavaScript">
 function choose(obj){
  var ss= document.getElementsByName("ss");
  for (var i = 0; i < ss.length; i++) {
   ss[i].checked = false;
  }
  obj.checked = true;
 }
</script>
</body>
</html>

以上这篇js 实现复选框只能选择一项的示例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
Sep 22 Javascript
jQuery获取浏览器中的分辨率实现代码
Apr 23 Javascript
JS中实现简单Formatter函数示例代码
Aug 19 Javascript
使用console进行性能测试
Apr 27 Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
Aug 16 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
遍历js中对象的属性和值的实例
Nov 21 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
详解react阻止无效重渲染的多种方式
Dec 11 Javascript
layui表单提交到后台自动封装到实体类的方法
Sep 12 Javascript
JS桶排序的简单理解与实现方法示例
Nov 25 Javascript
Vue 换肤的示例实践
Jan 23 #Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 #jQuery
Vue 拦截器对token过期处理方法
Jan 23 #Javascript
浅谈React + Webpack 构建打包优化
Jan 23 #Javascript
vue组件编写之todolist组件实例详解
Jan 22 #Javascript
基于openlayers4实现点的扩散效果
Aug 17 #Javascript
vue-cli启动本地服务局域网不能访问的原因分析
Jan 22 #Javascript
You might like
一个php作的文本留言本的例子(三)
2006/10/09 PHP
php下删除字符串中HTML标签的函数
2008/08/27 PHP
php Calender(日历)代码分享
2014/01/03 PHP
php将mysql数据库整库导出生成sql文件的具体实现
2014/01/08 PHP
php删除左端与右端空格的方法
2014/11/29 PHP
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
定义select的边框颜色
2008/04/28 Javascript
讨论html与javascript在浏览器中的加载顺序问题
2013/11/27 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
2017/07/28 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
解决pycharm双击但是无法打开的情况
2020/10/31 Javascript
详解Python中的文本处理
2015/04/11 Python
python通过索引遍历列表的方法
2015/05/04 Python
Zabbix实现微信报警功能
2016/10/09 Python
python实现按任意键继续执行程序
2016/12/30 Python
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
pandas DataFrame实现几列数据合并成为新的一列方法
2018/06/08 Python
使用python分析统计自己微信朋友的信息
2019/07/19 Python
基于tensorflow指定GPU运行及GPU资源分配的几种方式小结
2020/02/03 Python
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
营销与策划个人求职信
2013/09/22 职场文书
护士求职推荐信范文
2013/11/23 职场文书
酒吧副总经理岗位职责
2013/12/10 职场文书
《三峡》教学反思
2014/03/01 职场文书
退学证明范本3篇
2014/10/29 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
2015年文员个人工作总结
2015/04/09 职场文书
昆虫记读书笔记
2015/06/26 职场文书
python之基数排序的实现
2021/07/26 Python
Spring Boot 实现 WebSocket
2022/04/30 Java/Android