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为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
jQuery常用操作方法及常用函数总结
Jun 19 Javascript
动态加载jQuery的两种方法实例分析
Jul 17 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
Jan 13 Javascript
jquery实现提示语淡入效果
May 05 jQuery
JavaScript实现旋转轮播图
Aug 18 Javascript
JS数组交集、并集、差集的示例代码
Aug 23 Javascript
微信小程序页面滑动屏幕加载数据效果
Nov 16 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
Nov 02 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
Sep 14 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
Dec 09 Javascript
ElementUI 修改默认样式的几种办法(小结)
Jul 29 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
谈一谈收音机的高放电路
2021/03/02 无线电
用PHP实现递归循环每一个目录
2010/08/08 PHP
提高PHP性能的编码技巧以及性能优化详细解析
2013/08/24 PHP
destoon在360浏览器下出现用户被强行注销的解决方法
2014/06/26 PHP
PHP实现Soap通讯的方法
2014/11/03 PHP
thinkphp框架实现数据添加和显示功能
2016/06/29 PHP
js获取url参数的使用扩展实例
2007/12/29 Javascript
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
用javascript将数据导入Excel示例代码
2014/09/10 Javascript
使用jQuery.wechat构建微信WEB应用
2014/10/09 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
Vue数据驱动模拟实现5
2017/01/13 Javascript
一种angular的方法级的缓存注解(装饰器)
2018/03/13 Javascript
微信小程序动态生成二维码的实现代码
2018/07/25 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
Vue动态组件与异步组件实例详解
2019/02/23 Javascript
在Python的Django框架中simple-todo工具的简单使用
2015/05/30 Python
深入浅析python with语句简介
2018/04/11 Python
转换科学计数法的数值字符串为decimal类型的方法
2018/07/16 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
Python基于Tensor FLow的图像处理操作详解
2020/01/15 Python
基于Python+QT的gui程序开发实现
2020/07/03 Python
python利用xlsxwriter模块 操作 Excel
2020/10/14 Python
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
思想政治自我鉴定
2013/10/06 职场文书
英语感恩演讲稿
2014/01/14 职场文书
数控专业自荐书范文
2014/03/16 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
群众路线自我剖析及整改措施
2014/11/04 职场文书
学校百日安全活动总结
2015/05/07 职场文书
网络研修随笔感言
2015/11/18 职场文书
2016年第十九届推普周活动总结
2016/04/06 职场文书
2019入党申请书格式
2019/06/25 职场文书
Oracle表空间与权限的深入讲解
2021/11/17 Oracle