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 相关文章推荐
两个Javascript小tip资料
Nov 23 Javascript
JavaScript 注册事件代码
Jan 27 Javascript
通过jQuery源码学习javascript(二)
Dec 27 Javascript
JS获取IP、MAC和主机名的五种方法
Nov 14 Javascript
jQuery中extend函数详解
Feb 13 Javascript
jquery form表单获取内容以及绑定数据
Feb 24 Javascript
AngularJS实现一次监听多个值发生的变化
Aug 31 Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
Dec 02 Javascript
vue登录注册及token验证实现代码
Dec 14 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
Vue.js标签页组件使用方法详解
Oct 19 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 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
Laravel框架实现发送短信验证功能代码
2016/06/06 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
Node.js 异步编程之 Callback介绍(一)
2015/03/30 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
2015/04/07 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
浅谈JavaScript中的this指针和引用知识
2016/08/05 Javascript
详解支持Angular 2的表格控件
2017/01/19 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
vue 中自定义指令改变data中的值
2017/06/02 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
js+canvas实现简单扫雷小游戏
2021/01/22 Javascript
Vue项目利用axios请求接口下载excel
2020/11/17 Vue.js
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
[01:33]DOTA2上海特级锦标赛 LIQUID战队完整宣传片
2016/03/16 DOTA
将图片文件嵌入到wxpython代码中的实现方法
2014/08/11 Python
python使用PIL缩放网络图片并保存的方法
2015/04/24 Python
Python ftp上传文件
2016/02/13 Python
Python OpenCV 直方图的计算与显示的方法示例
2018/02/08 Python
python读写csv文件的方法
2019/08/13 Python
div或img图片高度随宽度自适应的方法
2020/02/06 HTML / CSS
法国综合购物网站:RueDuCommerce
2016/09/12 全球购物
Allen Edmonds官方网站:一家美国优质男士鞋类及配饰制造商
2019/03/12 全球购物
UNIX命令速查表
2012/03/10 面试题
自我鉴定范文200字
2013/10/02 职场文书
入党申请书自我鉴定
2013/10/12 职场文书
求职信范文英文版
2014/01/05 职场文书
班级活动策划书
2014/02/06 职场文书
小学老师对学生的评语
2014/12/29 职场文书
幼儿园心得体会范文
2016/01/21 职场文书
Python中tkinter的用户登录管理的实现
2021/04/22 Python
2022年显卡天梯图(6月更新)
2022/06/17 数码科技