3.3 通过name获取网页中的复选框

HTML DOM还定义了一个getElementsByName()方法，专门用于获取对拥有指定name的全部元素对象集合的引用。下面介绍一个JavaScript通过name属性获取复选框（Checkbox）对象集合引用的代码实例。

关于【代码3-3】的说明：

● 第14～19行代码通过标签<input>定义一组复选框（定义了相同的name属性），表明是一个分组的复选框。

● 第32行代码通过name属性获取了全部复选框的对象集合，第36～38行代码通过forEach迭代语句遍历了全部复选框，并通过浏览器控制台输出了复选框的value属性值。

● 第45行和第56行代码分别通过判断复选框的checked属性来筛选当前复选框是否被选中，然后通过浏览器控制台输出了复选框的value属性值。

下面使用Firefox浏览器运行测试该HTML网页，具体效果如图3.2和图3.3所示。

图3.2 JavaScript通过name属性获取网页中的全部复选框

图3.3 JavaScript通过name属性获取网页中全部选中的复选框