JavaScript详解（8.CheckBox.select正选反选的操作）

最新推荐文章于 2020-07-13 09:59:54 发布

张兵游勇

最新推荐文章于 2020-07-13 09:59:54 发布

阅读量9k

点赞数

分类专栏： JavaScript 笔记文章标签： javascript css html html5 css3

本文链接：https://blog.csdn.net/qq_43623447/article/details/104053048

版权

这篇博客详细讲解了如何使用JavaScript实现Checkbox的选择操作，包括全选、反选和全否的功能。同时，还涉及到了对下拉列表的操作。

摘要由CSDN通过智能技术生成

一，checkbox全选反选全否

在这里插入图片描述

1.<!DOCTYPE html>
2.<html>
3.	<head>
4.		<meta charset="utf-8">
5.		<title></title>
6.		<script type="text/javascript">
7.			function getCheckBox() {
    
8.				var str = "";
9.				//获取歌曲
10.				var music = document.getElementsByName("music");
11.				//遍历歌曲
12.				for (var i = 0; i < music.length; i++) {
    
13.					//判断歌曲是否选中
14.					if (music[i].checked) {
    
15.						str += music[i].value + ",";
16.						//如果是radio，直接在这添加一个break
17.					}
18.				}
19.				alert(str);
20.			}
21.
22.			function choose(type) {
    
23.				var music = document.getElementsByName("music");
24.				for (var i = 0; i < music.length; i++) {
    
25.					if (type == 'all') {
    
26.						music[i].checked = true;
27.					} else if (type == 'no') {
    
28.						music[i].checked = false;
29.					} else if (type == 'fx') {
    
30.						music[i].checked =