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 性能优化手册 推荐
Feb 23 Javascript
30个最佳jQuery Lightbox效果插件分享
Apr 11 Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
Javascript图片上传前的本地预览实例
Jun 16 Javascript
JavaScript的9种继承实现方式归纳
May 18 Javascript
AngularJS 模块详解及简单实例
Jul 28 Javascript
JS实现的简易拖放效果示例
Dec 29 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
Mar 01 Javascript
详解jQuery中的easyui
Sep 02 jQuery
浅谈ng-zorro使用心得
Dec 03 Javascript
微信小程序如何调用json数据接口并解析
Jun 29 Javascript
Vue实现背景更换颜色操作
Jul 17 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实现文件上传二法
2006/10/09 PHP
sae使用smarty模板的方法
2013/12/17 PHP
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
Yii框架结合sphinx,Ajax实现搜索分页功能示例
2016/10/18 PHP
js绑定事件this指向发生改变的问题解决方法
2013/04/23 Javascript
jquery统计复选框选中示例
2013/11/05 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
2013/12/10 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
2014/03/17 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
jQueryUI Sortable 应用Demo(分享)
2017/09/07 jQuery
js实现手机web图片左右滑动效果
2017/12/29 Javascript
vue中动态添加class类名的方法
2018/09/05 Javascript
Nodejs处理异常操作示例
2018/12/25 NodeJs
sortable+element 实现表格行拖拽的方法示例
2019/06/07 Javascript
Vue实现图片与文字混输效果
2019/12/04 Javascript
javascript用defineProperty实现简单的双向绑定方法
2020/04/03 Javascript
使用JavaScript通过前端发送电子邮件
2020/05/22 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
python将文本转换成图片输出的方法
2015/04/28 Python
Python+OpenCV实现车牌字符分割和识别
2018/03/31 Python
Python使用matplotlib模块绘制图像并设置标题与坐标轴等信息示例
2018/05/04 Python
Django 路由控制的实现代码
2018/11/08 Python
pytorch多进程加速及代码优化方法
2019/08/19 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
日本食品网上商店:JaponShop.com
2017/11/28 全球购物
澳大利亚自然和有机的健康美容产品一站式商店:Ziani Beauty
2017/12/28 全球购物
QA工程师岗位职责
2013/11/20 职场文书
大学运动会通讯稿
2014/01/28 职场文书
活动总结报告范文
2014/05/04 职场文书
政风行风评议工作总结
2014/10/21 职场文书
大连导游词
2015/02/12 职场文书
Android基于Fresco实现圆角和圆形图片
2022/04/01 Java/Android