JavaScript十六：表单七：复选框：实现全选、全不选、反选，获得选中项的值

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

原创

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

4 ·

CC 4.0 BY-SA版权

博客围绕复选框需求展开，介绍实现全选、全不选、反选及获取选中项值的方法。指出JS操作控件需先获取对象，强调类型转换函数的使用，还提及img等控件属性设置，以及checked属性在HTML和JS中用法的差异。

需求：复选框，实现全选、全不选、反选，获得选中项的值：

获取复选框的var interestArr = document.getElementsByName("interest");返回的是一个数组；

示例代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  <!--add()方法输出中文出现了乱码，这儿指定下编码方式-->
	<title>js</title>
	<script type="text/javascript" src="index.js"></script>
</head>
<body onload="">
	<form>
		<input type="checkbox" name="interest" value="