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(视频与PPT)
Dec 27 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 Javascript
自动设置iframe大小的jQuery代码
Sep 11 Javascript
jQuery中delegate与on的用法与区别示例介绍
Dec 20 Javascript
js获取当前路径的简单示例代码
Jan 08 Javascript
JavaScript检测上传文件大小的方法
Jul 22 Javascript
js简单判断flash是否加载完成的方法
Jun 21 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
Jun 27 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
BootStrap入门学习第一篇
Aug 28 Javascript
微信小程序自定义组件components(代码详解)
Oct 21 Javascript
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
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/12/06 PHP
Notice: Undefined index: page in E:\PHP\test.php on line 14
2010/11/02 PHP
php 数组动态添加实现代码(最土团购系统的价格排序)
2011/12/30 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
2013/04/22 Javascript
jquery 获取标签名(tagName)示例代码
2013/07/11 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
javascript中interval与setTimeOut的区别示例介绍
2014/03/14 Javascript
Three.js学习之网格
2016/08/10 Javascript
webpack开发跨域问题解决办法
2017/08/03 Javascript
基于Vue实现微信小程序的图文编辑器
2018/07/25 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
node.js中Buffer缓冲器的原理与使用方法分析
2019/11/23 Javascript
python处理二进制数据的方法
2015/06/03 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
python使用xlsxwriter实现有向无环图到Excel的转换
2018/12/12 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
英国领先的名牌服装折扣零售商:Brown Bag Clothing
2019/01/08 全球购物
俄罗斯天然和有机产品、健康生活网上商店:Fitomarket.ru
2020/10/09 全球购物
函数指针的定义是什么
2016/08/14 面试题
数控技术应届生求职信
2013/11/13 职场文书
普师专业个人自荐信范文
2013/11/26 职场文书
房屋买卖协议书范本
2014/04/10 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
个人作风建设心得体会
2014/10/22 职场文书
如何写好闭幕词
2019/04/02 职场文书
《学会生存》读后感3篇
2019/12/09 职场文书
python爬虫请求库httpx和parsel解析库的使用测评
2021/05/10 Python
单身狗福利?Python爬取某婚恋网征婚数据
2021/06/03 Python
动画电影《龙珠超 超级英雄》延期上映
2022/03/20 日漫