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中取消和绑定hover事件的实现代码
Jun 02 Javascript
浅析$.getJSON异步请求和同步请求
Jun 06 Javascript
jQuery图片轮播实现并封装(一)
Dec 03 Javascript
浅谈Vue.use的使用
Aug 29 Javascript
Vuex 快速入门(简单易懂)
Sep 20 Javascript
javascript匿名函数中的'return function()'作用
Oct 15 Javascript
通过JS运行机制的角度说说作用域
Mar 12 Javascript
JQuery属性操作与循环用法示例
May 15 jQuery
详解node和ES6的模块导出与导入
Feb 19 Javascript
在vue项目中 实现定义全局变量 全局函数操作
Oct 26 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
Dec 25 Vue.js
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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动态生成JavaScript代码
2009/03/09 PHP
php 需要掌握的东西 不做浮躁的人
2009/12/28 PHP
PHP通用检测函数集合
2011/02/08 PHP
PHP弹出提示框并跳转到新页面即重定向到新页面
2014/01/24 PHP
php 判断服务器操作系统的类型
2014/02/17 PHP
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
CodeIgniter框架验证码类库文件与用法示例
2017/03/18 PHP
[原创]php实现数组按拼音顺序排序的方法
2017/05/03 PHP
js实现ifram取父窗口URL地址的方法
2015/02/09 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
2015/07/29 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
原生javascript实现的一个简单动画效果
2016/03/30 Javascript
浅谈js的html元素的父节点,子节点
2016/08/06 Javascript
jQuery实现的简单拖动层示例
2017/02/22 Javascript
微信小程序 支付后台java实现实例
2017/05/09 Javascript
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
详解VueRouter进阶之导航钩子和路由元信息
2017/09/13 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
Angular8 Http拦截器简单使用教程
2019/08/20 Javascript
手写Vue2.0 数据劫持的示例
2021/03/04 Vue.js
[49:05]OG vs Newbee 2019DOTA2国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
详解Python中的日志模块logging
2015/06/19 Python
Python的Django框架中自定义模版标签的示例
2015/07/20 Python
pycharm安装和首次使用教程
2018/08/27 Python
解决Python列表字符不区分大小写的问题
2019/12/19 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
夜大毕业自我鉴定
2013/10/11 职场文书
法学毕业生自荐信
2013/11/13 职场文书
软件工程师岗位职责
2013/11/16 职场文书
原材料检验岗位职责
2014/03/15 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS
我的收音机情缘
2022/04/05 无线电
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS