编程 Javascript

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 实现复选框只能选择一项的示例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

js 实现复选框只能选择一项的示例代码

- Author -

water_Popcorn

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 中国省市两级联动选择附图

May 14 Javascript

Jquery设置attr的disabled属性控制某行显示或者隐藏

Sep 25 Javascript

js读写json文件实例代码

Oct 21 Javascript

学习JavaScript设计模式之装饰者模式

Jan 19 Javascript

浅谈js常用内置方法和对象

Sep 24 Javascript

DWR3 访问WEB元素的两种方法实例详解

Jan 03 Javascript

JavaScript中利用for循环遍历数组

Jan 15 Javascript

vue构建单页面应用实战

Apr 10 Javascript

vue的基本用法与常见指令

Aug 15 Javascript

在JavaScript中使用严格模式(Strict Mode)

Jun 13 Javascript

解决antd日期选择组件,添加value就无法点击下一年和下一月问题

Oct 29 Javascript

js前端图片加载异常兜底方案

Jun 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