checkbox做成可以单选取消

简介:
Js代码   收藏代码
  1. <html>  
  2.   <head><title>MARS TEST PAGE</title></head>  
  3.   
  4.   <script>  
  5.   function chk(obj)  
  6.   {  
  7.        var boxArray = document.getElementsByName('c1');  
  8.        for(var i=0;i<=boxArray.length-1;i++){  
  9.             if(boxArray[i]==obj && obj.checked){  
  10.                boxArray[i].checked = true;  
  11.             }else{  
  12.                boxArray[i].checked = false;  
  13.             }  
  14.        }   
  15.   }  
  16.  </script>  
  17.   
  18.   <body>  
  19.   <form name="form1">  
  20.     <input type="checkbox" name="c1" value="1" onclick="return chk(this);">A  
  21.     <input type="checkbox" name="c1" value="2" onclick="return chk(this);">B  
  22.     <input type="checkbox" name="c1" value="3" onclick="return chk(this);">C  
  23.   </form>  
  24.   </body>  
  25. </html>  

相关文章
uniapp类似合同选择checkbox-group-选中取消(整理)
uniapp类似合同选择checkbox-group-选中取消(整理)
|
5月前
|
JavaScript 前端开发
react18【系列实用教程】双向绑定表单 (2024最新版)含受控组件、非受控组件、单行多行输入框 input,下拉选择 select,单选 radio,多选 checkbox,标签 label
react18【系列实用教程】双向绑定表单 (2024最新版)含受控组件、非受控组件、单行多行输入框 input,下拉选择 select,单选 radio,多选 checkbox,标签 label
178 1
复选框checkbox的三种状态
复选框checkbox的三种状态
117 0
|
7月前
《vue3实战》运用radio单选按钮或Checkbox复选框实现单选多选的试卷制作
《vue3实战》运用radio单选按钮或Checkbox复选框实现单选多选的试卷制作
|
JavaScript PHP 数据库
layui框架实战案例(18):保存草稿和单选radio复选框checkbox无focus属性快速聚焦跳转的解决方案
layui框架实战案例(18):保存草稿和单选radio复选框checkbox无focus属性快速聚焦跳转的解决方案
265 0
【Layui】关于单选框的选中状态,下拉框默认显示
【Layui】关于单选框的选中状态,下拉框默认显示
653 0
【Layui】关于单选框的选中状态,下拉框默认显示
|
JSON 前端开发 JavaScript
关于checkbox自动选中
checkbox是比较常用的,无论是权限管理还是博客的文章的标签类型的勾选,或者是上下级部门及其公司,都会用的到的。 今天主要讲的是checkbox自动根据值选中。 可参考我之前的文章:checkbox选中并通过ajax传数组到后台接收 js代码: //截取URL参数 function GetRequest() { var fullURL = window.
1316 0