JavaScript之复选框的全选，全不选

最新推荐文章于 2023-04-14 14:15:04 发布

0 and 1

最新推荐文章于 2023-04-14 14:15:04 发布

阅读量639

点赞数

分类专栏： web-front-end

本文链接：https://blog.csdn.net/wei_chong_chong/article/details/47271575

版权

web-front-end 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>damel11</title>
<script type="text/javascript">
function checkAll(){
var fruits = document.getElementsByName("fruit");
var btn = document.getElementById("aa");
	if(btn.value=="全选"){
		for( var i = 0; i< fruits.length;i++){
			fruits[i].checked = true;
		 }
		btn.value = "全不选";

	}else{
		for( var i = 0; i< fruits.length;i++){
			fruits[i].checked = false;
		 }
		btn.value = "全选";

	}
 	
}

function check1(){
	var cd = document.getElementById("cd");

	
	var fruits = document.getElementsByName("fruit");
	
	for(var i = 0;i < fruits.length;i++){
	fruits[i].checked= cd.checked;
	}
	
}
function message(){
alert("请再认真核对一遍！")
alert("删除成功！");
//window.open("damel11.html");

}
</script>
</head>
<body>
	
	<input type="checkbox" name="fruit"/>苹果<br/>
	<input type="checkbox" name="fruit"/>香蕉<br/>
	<input type="checkbox" name="fruit"/>葡萄<br/>
	<input type="checkbox" name="fruit"/>火龙果<br/>
	<input type="checkbox" name="fruit"/>橘子<br/>
	<input type="checkbox" name="fruit"/>水蜜桃<br/>
	<input type="checkbox" id="cd" οnclick="check1()"/>全选/全不选<br/>
	
	<input type="button" value="全选" id="aa" οnclick="checkAll()"/>
	<input type="submit" value="确定"οnclick="message()"/>
	<br/>
	
	
	
</body>
</html>

0 and 1

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之复选框的全选，全不选

damel11function checkAll(){var fruits = document.getElementsByName("fruit");var btn = document.getElementById("aa"); if(btn.value=="全选"){ for( var i = 0; i< fruits.length;i++){ fruits[i].che
复制链接

扫一扫

专栏目录