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实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
jQuery找出网页上最高元素的方法
Mar 20 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
Jun 08 Javascript
如何编写jquery插件
Mar 29 jQuery
vue2.0构建单页应用最佳实战
Apr 01 Javascript
Jquery EasyUI $.Parser
Jun 02 jQuery
JavaScript异步加载问题总结
Feb 17 Javascript
详解使用 Node.js 开发简单的脚手架工具
Jun 08 Javascript
关于Vue源码vm.$watch()内部原理详解
Apr 26 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
Aug 20 Javascript
使用Ajax实现进度条的绘制
Apr 07 Javascript
JS实现简单九宫格抽奖
Jun 28 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读取XML值的代码(推荐)
2011/01/01 PHP
PHP实现Redis单据锁以及防止并发重复写入
2018/04/10 PHP
Yii框架Session与Cookie使用方法示例
2019/10/14 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
PHP语言对接抖音快手小红书视频/图片去水印API接口源码
2020/08/11 PHP
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
2015/01/13 Javascript
jQuery跨域问题解决方案
2015/08/03 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
2015/09/24 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
2015/11/03 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
2016/08/09 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
2017/07/07 Javascript
JS常见构造模式实例对比分析
2018/08/27 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
vue过滤器用法实例分析
2019/03/15 Javascript
解决vue 单文件组件中样式加载问题
2019/04/24 Javascript
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
2019/05/27 jQuery
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
使用python加密自己的密码
2015/08/04 Python
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
Python插件virtualenv搭建虚拟环境
2017/11/20 Python
浅谈Python中的作用域规则和闭包
2018/03/20 Python
python 数字类型和字符串类型的相互转换实例
2018/07/17 Python
Python 多线程不加锁分块读取文件的方法
2018/12/11 Python
Django基础知识 URL路由系统详解
2019/07/18 Python
CSS3 简写animation
2012/05/10 HTML / CSS
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
英国领先的在线药房:Pharmacy First
2017/09/10 全球购物
经济管理专业求职信
2014/06/09 职场文书
培养联系人考察意见
2015/06/01 职场文书
驻村工作简报
2015/07/20 职场文书
Redis集群节点通信过程/原理流程分析
2022/03/18 Redis