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 相关文章推荐
JS时间选择器 兼容IE6,7,8,9
Jun 26 Javascript
JavaScript实现快速排序(自已编写)
Dec 19 Javascript
JQuery对id中含有特殊字符的转义处理示例
Sep 06 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
Jan 21 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
Nov 29 Javascript
微信小程序 下拉列表的实现实例代码
Mar 08 Javascript
微信小程序开发中的疑问解答汇总
Jul 03 Javascript
echarts学习笔记之图表自适应问题详解
Nov 22 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
React中阻止事件冒泡的问题详析
Apr 12 Javascript
环形加载进度条封装(Vue插件版和原生js版)
Dec 04 Javascript
Angular6项目打包优化的实现方法
Dec 15 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程序占用多少内存(memory_get_usage)
2012/09/23 PHP
Thinkphp中import的几个用法详细介绍
2014/07/02 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
Prototype使用指南之selector.js
2007/01/10 Javascript
firefox插件Firebug的使用教程
2010/01/02 Javascript
jQuery 计算iframe 窗口大小的方法
2014/05/13 Javascript
跟我学习javascript的for循环和for...in循环
2015/11/18 Javascript
对js中回调函数的一些看法
2016/08/29 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
激动人心的 Angular HttpClient的源码解析
2017/07/10 Javascript
jQuery实现键盘回车搜索功能
2017/07/25 jQuery
简单实现js进度条加载效果
2020/03/25 Javascript
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
微信小程序实现批量倒计时功能
2020/11/01 Javascript
nodejs使用socket5进行代理请求的实现
2020/02/21 NodeJs
浅谈webpack构建工具配置和常用插件总结
2020/05/11 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
[13:18]《一刀刀一天》之DOTA全时刻21:详解TI新赛制 A队再露獠牙
2014/06/24 DOTA
python列表生成式与列表生成器的使用
2018/02/23 Python
解决python打不开文件(文件不存在)的问题
2019/02/18 Python
python tkinter控件布局项目实例
2019/11/04 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
sklearn的predict_proba使用说明
2020/06/28 Python
快速解决pymongo操作mongodb的时区问题
2020/12/05 Python
CSS3不透明度实例讲解
2016/04/26 HTML / CSS
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
韩国邮政旗下生鲜食品网上超市:epost
2016/08/27 全球购物
英国IT硬件供应商,定制游戏PC:Mesh Computers
2019/03/28 全球购物
校庆标语集锦
2014/06/25 职场文书
关于保护环境的建议书
2014/08/26 职场文书
先进个人自荐书
2015/03/06 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
力克胡哲观后感
2015/06/10 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
初中数学教学反思范文
2016/02/17 职场文书