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 操作select相关方法函数
Dec 06 Javascript
js实现的仿新浪微博完美的时间组件升级版
Dec 20 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 Javascript
jQuery的text()方法用法分析
Dec 20 Javascript
JavaScript中常见的字符串操作函数及用法汇总
May 04 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
Nov 16 Javascript
javascript瀑布流布局实现方法详解
Feb 17 Javascript
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 Javascript
JavaScript中将值转换为字符串的五种方法总结
Jun 06 Javascript
layui type2 通过url给iframe子页面传值的例子
Sep 06 Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 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
snoopy 强大的PHP采集类使用实例代码
2010/12/09 PHP
php修改指定文件后缀的方法
2014/09/11 PHP
php使用function_exists判断函数可用的方法
2014/11/19 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
php实现文章评论系统
2019/02/18 PHP
php并发加锁问题分析与设计代码实例讲解
2021/02/26 PHP
Avengerls vs KG BO3 第二场2.18
2021/03/10 DOTA
javascript编程起步(第一课)
2007/01/10 Javascript
javascript 可以拖动的DIV(二)
2009/06/26 Javascript
jquery表单验证使用插件formValidator
2012/11/10 Javascript
js拆分字符串并将分割的数据放到数组中的方法
2015/05/06 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
2015/08/31 Javascript
JavaScript中字面量与函数的基本使用知识
2015/10/20 Javascript
JavaScript实现多种排序算法
2016/02/24 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
vue.js实现只弹一次弹框
2018/01/29 Javascript
微信小程序tabBar设置实例解析
2019/11/14 Javascript
python实现的简单FTP上传下载文件实例
2015/06/30 Python
Django中URL视图函数的一些高级概念介绍
2015/07/20 Python
Python实现的线性回归算法示例【附csv文件下载】
2018/12/29 Python
利用PyCharm Profile分析异步爬虫效率详解
2019/05/08 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
Window10上Tensorflow的安装(CPU和GPU版本)
2020/12/15 Python
简述索引存取方法的作用和建立索引的原则
2013/03/26 面试题
Linux操作面试题
2012/05/16 面试题
土建技术员岗位职责
2015/04/11 职场文书
小学班级标语口号大全
2015/12/26 职场文书
oracle表分区的概念及操作
2021/04/24 Oracle
python字符串拼接.join()和拆分.split()详解
2021/11/23 Python
阿里云日志过滤器配置日志服务
2022/04/09 Servers
el-table-column 内容不自动换行的解决方法
2022/08/14 Vue.js