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显示选择目录对话框的代码
Nov 10 Javascript
JavaScript 学习笔记(九)call和apply方法
Jan 11 Javascript
javascript 判断数组是否已包含了某个元素的函数
May 30 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
json数据与字符串的相互转化示例
Sep 18 Javascript
轻量级网页遮罩层jQuery插件用法实例
Jul 31 Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 Javascript
JavaScript取得gridview中获取checkbox选中的值
Jul 24 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
May 12 Javascript
react国际化化插件react-i18n-auto使用详解
Mar 31 Javascript
vue使用video插件vue-video-player的示例
Oct 03 Javascript
vue项目开启Gzip压缩和性能优化操作
Oct 26 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之规范编程命名小结
2013/05/15 PHP
php 批量生成html,txt文件的实现代码
2013/06/26 PHP
js中top/parent/frame概述及案例应用
2013/02/06 Javascript
JS图片无缝滚动(简单利于使用)
2013/06/17 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
js+css实现的简单易用兼容好的分页
2013/12/30 Javascript
jQuery获取页面元素绝对与相对位置的方法
2015/06/10 Javascript
jQuery前端开发35个小技巧
2016/05/24 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
javascript之IE版本检测超简单方法
2016/08/20 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
vue 项目地址去掉 #的方法
2018/10/20 Javascript
jquery拖拽自动排序插件使用方法详解
2020/07/20 jQuery
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
2020/08/22 Javascript
[00:03]DOTA2新版本PA至宝展示
2014/11/19 DOTA
python实现apahce网站日志分析示例
2014/04/02 Python
python分析apache访问日志脚本分享
2015/02/26 Python
python简单实现刷新智联简历
2016/03/30 Python
详解Django的model查询操作与查询性能优化
2018/10/16 Python
11个Python3字典内置方法大全与示例汇总
2019/05/13 Python
python中time库的实例使用方法
2019/10/31 Python
Keras之自定义损失(loss)函数用法说明
2020/06/10 Python
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
阿迪达斯奥地利官方商城:adidas.at
2016/10/16 全球购物
应届大学毕业生找工作的求职信范文
2013/11/29 职场文书
大学共青团员个人自我评价
2014/04/16 职场文书
维修工先进事迹
2014/05/29 职场文书
高中学生会竞选演讲稿
2014/08/25 职场文书
报表员工作失误检讨书范文
2014/09/19 职场文书
四风问题专项整治工作情况报告
2014/10/28 职场文书
师范生见习报告范文
2014/11/03 职场文书
继承权公证书范本
2015/01/23 职场文书
唐山大地震的观后感
2015/06/05 职场文书
运动会新闻稿
2015/07/17 职场文书