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 相关文章推荐
jquery 输入框数字限制插件
Nov 10 Javascript
JS 自定义带默认值的函数
Jul 21 Javascript
javascript学习笔记(八) js内置对象
Jun 19 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
Mar 03 Javascript
JavaScript中定义类的方式详解
Jan 07 Javascript
jQuery实现简单的DIV拖动效果
Feb 19 Javascript
Bootstrap3学习笔记(二)之排版
May 20 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
Sep 05 Javascript
原生js实现弹出层登录拖拽功能
Dec 05 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
Vue渲染函数详解
Sep 15 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
Sep 18 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 启动报错如何解决
2014/01/17 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
PHP文件上传小程序 适合初学者学习!
2019/05/23 PHP
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
JavaScript设计模式之代理模式介绍
2014/12/28 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
2015/04/30 Javascript
利用jQuery中的ajax分页实现代码
2016/02/25 Javascript
基于socket.io+express实现多房间聊天
2016/03/17 Javascript
原生js和jquery分别实现横向导航菜单效果
2016/05/13 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
详解JavaScript常量定义
2017/01/03 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
2017/02/20 Javascript
jquery实现数字输入框
2017/02/22 Javascript
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
javascript实现左右缓动动画函数
2020/11/25 Javascript
浅谈配置OpenCV3 + Python3的简易方法(macOS)
2018/04/02 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
碧欧泉美国官网:Biotherm美国
2016/08/31 全球购物
澳大利亚吉他在线:Artist Guitars
2017/03/30 全球购物
介绍一下grep命令的使用
2015/06/12 面试题
管理科学大学生求职信
2013/11/13 职场文书
迟到检讨书400字
2014/01/13 职场文书
关于母亲节的感言
2014/02/04 职场文书
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
应聘销售主管的求职信
2014/04/26 职场文书
公司晚会策划方案
2014/05/17 职场文书
单位作风建设剖析材料
2014/10/11 职场文书
社区四风存在问题及整改措施
2014/10/26 职场文书
2015政治思想表现评语
2015/03/25 职场文书
学校社团活动总结
2015/05/07 职场文书
2016年党员干部公开承诺书
2016/03/24 职场文书