JavaScript中getElementsByName

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script>//document.getElementsByName根据指定的name属性查询返回多个标签对象的集合//这个集合的操作和数组一样//集合中每个元素都是dom对象//这个集合中的元素顺序是他们在html页面中从上到下的顺序function checkAll(){var hobbys=document.getElementsByName("hobby");//checked表示复选框的选中状态，如果选中是true，不选中是false//check属性刻度可写//alert(hobbys[0].checked);for(var i=0;i<hobbys.length;i++){hobbys[i].checked=true;}}function checkNo(){var hobbys=document.getElementsByName("hobby");//alert(hobbys[0].checked);for(var i=0;i<hobbys.length;i++){hobbys[i].checked=false;}}function checkReverse(){var hobbys=document.getElementsByName("hobby");//alert(hobbys[0].checked);for(var i=0;i<hobbys.length;i++){hobbys[i].checked=!hobbys[i].checked;// if(hobbys[i].checked==true) {//     hobbys[i].checked = false;// } else {//     hobbys[i].checked = true;// }}}</script>
</head>
<body>兴趣爱好：<input type="checkbox" name="hobby" value="cpp">c++<input type="checkbox" name="hobby" value="java">java<input type="checkbox" name="hobby" value="js">JavaScript<br><button onclick="checkAll()">全选</button><button onclick="checkNo()">全不选</button><button onclick="checkReverse()">反选</button>
</body>
</html>

JavaScript中getElementsByName相关推荐

JavaScript中的load事件的作用_史上最全的web前端面试题汇总及答案JavaScript之二（二）...
作者:樱桃小丸子儿链接:https://www.jianshu.com/p/abadcc84e2a4 JavaScript JS的基本数据类型 number,string,boolean,objec ...
JavaScript学习笔记06【高级——JavaScript中的事件】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript中DOM的层次节点(一)
DOM是针对HTML和XML文档的一个API,描绘了一个层次化的节点树,允许开发人员添加.修改.删除节点的一部分. DOM将HTML和XML文档描绘成一个有多个节点构成的结构,节点分为12种不同的节点 ...
JavaScript中的经典题型（类数组、CSS Sprites、事件委托、经典去重、原型链、闭包、深浅克隆、附带思路流程和源码）
JavaScript中的经典题型一.JavaScript中的经典题型 1..如何判断一个数组和类数组? 首先要明白什么是类数组. 类数组:类数组是一个普通对象,他的原型是Object.而真实的数组是 ...
如何用mshtml获得Javascript中function的返回值[mshtml]
marginwidth="0" marginheight="0" src="http://218.16.120.35:65001/PC/Global/ ...
JavaScript中DOM对象的详解
*** JavaScript中DOM对象的详解*** DOM对象:Document Object Model,文档对象模型.也称为document(文档对象),是HTML页面当前窗体的内容,是连接JS ...
JavaScript中的表单编程
表单编程 1获取表单相关信息 1.什么是表单元素 1.什么是表单元素在H TML中表单就是指form标签,它的作用是将用户输入或选择的数据提交给指定的服务器 2.如何获取表单元素 <form ...
html页面获取元素,JavaScript中获取HTML元素值的三种方法
JavaScript中取得元素的方法有三种:分别是: 1.getElementById() 方法:通过id取得HTML元素. 2.getElementsByName()方法:通过name取得元素,是一 ...
JavaScript中BOM及DOM的学习
JavaScript中BOM及DOM的学习文章目录 JavaScript中BOM及DOM的学习 1 BOM编程 1.1 BOM编程概述 1.1.1 BOM编程的概念 1.1.2 BOM编程的作用 1 ...

JavaScript中getElementsByName

JavaScript中getElementsByName相关推荐

最新文章

热门文章