JS中input标签和checked使用

最新推荐文章于 2024-06-20 09:45:23 发布

运气可以啊

最新推荐文章于 2024-06-20 09:45:23 发布

阅读量9.5k

点赞数 5

分类专栏： js

本文链接：https://blog.csdn.net/weixin_42232623/article/details/90417763

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

checked 是和的一种属性，表示该项是不是被选择了
两种定义方式：
一、在input标签中定义
表示该项被选择
表示该项不被选择，注意：如果是不被选择就不用写checked属性了。如果你写了，不管checked的值是什么，都是被选择。原因：html是一种宽松的标记语言，会忽略你的checked=false中的false，所以结果还是被选中
二、在加载的javascript中设置
你上面的代码就是在加载的javascript中设置
objs[i].checked=true的意思就是该input元素的checked的值是true，就是该input被选中
objs[i].checked=false的意思就是该input元素的checked的值是false，就是该input不被选中
你那个既然把所有的input元素都遍历了一遍，然后又都给了true值，也就是全选了

代码示例

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript">
		function secAll(a){
	var as=document.getElementsByName("a");
	for(i=0;i<as.length;i++)as[i].checked=a;
}
function fina(){
	var as=document.getElementsByName("a");
	for(i=0;i<as.length;i++)as[i].checked=!as[i].checked;
}

		function ok(){
			var as = document.getElementsByName("a");
			var txt = "选择的是:";
			for(i=0;i<as.length;i++){
		if(as[i].checked)txt+=as[i].value+" ";
		}
	alert(txt);
	}
	</script>
</head>
<body>
	<input type="checkbox" name="a" value="游泳">游泳<br>
	<input type="checkbox" name="a" value="爬山">爬山<br>
	<input type="checkbox" name="a" value="篮球">篮球<br>
	<input type="checkbox" name="a" value="发呆">发呆<br>
	<input type=button value="全选" onclick=secAll(true)>
	<input type=button value="全不选" onclick=secAll(false)>
<input type=button value="反选" onclick=fina()>
<input type=button value="确定" onclick=ok()>
</body>
</html>

运气可以啊

关注

5
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
JS中input标签和checked使用

checked 是和的一种属性，表示该项是不是被选择了两种定义方式：一、在input标签中定义表示该项被选择表示该项不被选择，注意：如果是不被选择就不用写checked属性了。如果你写了，不管checked的值是什么，都是被选择。原因：html是一种宽松的标记语言，会忽略你的checked=false中的false，所以结果还是被选中二、在加载的javascript中设置你上面的代码...
复制链接

扫一扫

专栏目录