js控制复选框checkbox参考代码

最新推荐文章于 2023-12-13 11:28:53 发布

hai7425

最新推荐文章于 2023-12-13 11:28:53 发布

阅读量558

点赞数 1

分类专栏： javaScript 文章标签： OA js checkbox

本文链接：https://blog.csdn.net/hai7425/article/details/52586773

版权

javaScript 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>checkbox</title>
<script type="text/javascript">

function cheall(){
	var box=document.getElementById("cha");
	if(box.checked==true){
		document.getElementById("ch1").checked=true;
		document.getElementById("ch2").checked=true;
		document.getElementById("ch3").checked=true;
		} else {
		document.getElementById("ch1").checked=false;
		document.getElementById("ch2").checked=false;
		document.getElementById("ch3").checked=false;
			}
	}
function ch(){
	var box1=document.getElementById("ch1");
	var box2=document.getElementById("ch2");
	var box3=document.getElementById("ch3");
	if(box1.checked==true && box2.checked==true && box3.checked==true){
		document.getElementById("cha").checked=true;
		} else {
			document.getElementById("cha").checked=false;
			}
	}	
</script>
</head>

<body>
<table width="600" border="1" style="border-collapse:collapse; font-size:12px">
  <tr>
    <td>科室：</td>
    <td>
      <input type="checkbox" name="ch1" id="ch1" title="科室1" οnclick="ch();"/>
      <label for="ch1">科室1</label> 
      <input type="checkbox" name="ch2" id="ch2" title="科室2" οnclick="ch();"/>
      <label for="ch2">科室2</label> 
      <input type="checkbox" name="ch3" id="ch3" title="科室3" οnclick="ch();"/>
      <label for="ch3">科室3</label>
   </td>
  </tr>
  <tr>
    <td>车间：</td>
    <td> </td>
  </tr>
  <tr>
    <td>多选</td>
    <td> <input type="checkbox" name="cha" id="cha" title="所有科室" οnclick="cheall();" /><label for="ch1">所有科室</label> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

</body>
</html>

hai7425

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js控制复选框checkbox参考代码

checkboxfunction cheall(){ var box=document.getElementById("cha"); if(box.checked==true){ document.getElementById("ch1").checked=true; document.getElementById("ch2").checked=true; document.
复制链接

扫一扫