根据name获取元素
通过name属性来获取元素使用document.getElementsByName()方法，一般用于获取表单元素。name属性的值不要求必须是唯一的，多个元素也可以有同样的名字，如表单中的单选框和复选框。下面以复选框为例进行代码演示。
1 <body>
2 <p>请选择你最喜欢的水果（多选）</p>
3 <label><input type="checkbox" name="fruit" value="苹果">苹果</label>
4 <label><input type="checkbox" name="fruit" value="香蕉">香蕉</label>
5 <label><input type="checkbox" name="fruit" value="西瓜">西瓜</label>
6 <script>
7 var fruits = document.getElementsByName('fruit');
8 fruits[0].checked = true;
9 </script>
10 </body>在上述代码中，getElementsByName()方法返回的是一个对象集合，使用索引获取元素。fruits[0].checked为true，表示将fruits中的第1个元素的checked属性值设置为true，表示将这一项勾选。浏览器的预览效果如图1所示。
图1 通过name获取元素
点击此处
隐藏目录
隐藏目录
