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 相关文章推荐
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
javascript动态的改变IFrame的高度实现自动伸展
Oct 12 Javascript
jQuery实现tab选项卡效果的方法
Jul 08 Javascript
JavaScript实现网站访问次数统计代码
Aug 12 Javascript
JavaScript阻止回车提交表单的方法
Dec 30 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
May 17 Javascript
jquery遍历标签中自定义的属性方法
Sep 17 Javascript
Bootstrap Img 图片样式(推荐)
Dec 13 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
May 09 Javascript
微信小程序如何获知用户运行小程序的场景教程
May 17 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
npm 语义版本控制详解
Sep 10 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/04/10 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
PHP获取表单数据与HTML嵌入PHP脚本的实现
2017/02/09 PHP
TP5框架简单登录功能实现方法示例
2019/10/31 PHP
thinkphp5.1 框架钩子和行为用法实例分析
2020/05/25 PHP
firefox中JS读取XML文件
2006/12/21 Javascript
Prototype使用指南之hash.js
2007/01/10 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
javascript中checkbox使用方法简单实例演示
2015/11/17 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
2016/01/14 Javascript
JS实现图片局部放大或缩小的方法
2016/08/20 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
three.js 入门案例详解
2018/01/23 Javascript
jquery简单实现纵向的无缝滚动代码实例
2019/04/01 jQuery
layui radio点击事件实现input显示和隐藏的例子
2019/09/02 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
vue3.0实现插件封装
2020/12/14 Vue.js
[41:12]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
[39:46]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第二场 11.25
2020/11/25 DOTA
python实现rest请求api示例
2014/04/22 Python
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
Django中STATIC_ROOT和STATIC_URL及STATICFILES_DIRS浅析
2018/05/08 Python
Python使用combinations实现排列组合的方法
2018/11/13 Python
centos+nginx+uwsgi+Django实现IP+port访问服务器
2019/11/15 Python
动态密码技术
2012/10/18 面试题
初中生三年学习生活的自我评价
2013/11/03 职场文书
大学生的网上创业计划书
2013/12/31 职场文书
广告创意求职信
2014/03/17 职场文书
运动会广播稿100字
2014/09/14 职场文书
乡镇干部个人对照检查材料思想汇报(原创篇)
2014/09/28 职场文书
战略性融资合作协议书范本
2014/10/17 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
高效课堂教学反思
2016/02/24 职场文书
2016计划生育先进个人事迹材料
2016/02/29 职场文书
详解JVM系列之内存模型
2021/06/10 Javascript