GetElementByName

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

GetElementByName相关推荐

getElementByName????????,????????,
getElementByName可以获取多个元素,获得的是一个数组, getElementById只能获取一个,是dom从上往下的第一个元素.
document.getElementByName()的用法
document.getElementByTagName()的用法,用来取得相同name名称的内容 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ...
getElementById 和 getElementByName的区别
getElementById 根据HTML元素指定的ID,获得唯一的一个HTML元素.如访问DIV层对像.图片Img对像等! getElementByName 根据HTML元素指定Name,获得 ...
JavaScript中getElementById()方法和getElementByName()方法
getElementById() 作用:根据指定的ID值获取对象,如果无符合条件的对象,则返回 null 用法:var 变量名= document . getElementsById( 'id名') ...
getElementByName与getElementById的小差别，我也说不清
在js中实用 var roleName = document.getElementByName("rolename").value; alert(roleName);总是打印出un ...
document.getElementById与getElementByName的区别
document.getElementById( "id_Number ") 得到的是单个元素 document.getElementsByName( "name & ...
getElementByName与getElementByTagName的区别
今天写了一个简单的js特效,整半天没有整出效果,原来是自己用错了方法 getElementsByName() 方法与 getelementById()方法类似,但是他查询的是元素的name属性 ...
JavaScript脚本文件学习总结
javaScript 学习总结什么是JavaScript和javaScript的特点是一种解释型脚本语言(代码不进行预编译),不需要进行编译,直接嵌套在HTML页面,将静态的页面转变成支持用户交互 ...
JS-DOM-元素节点
查看元素节点: 1.getElementById():通过 id 取到唯一节点;如果 id 重名,只能取到第一个 getElementByName(): 通过name属性 getElementByTa ...

GetElementByName

GetElementByName

GetElementByName相关推荐

最新文章

热门文章