写一个要实现全选效果,可以利用documentgetElementsByName()方法获得页面上 所有的复选框,并保存到数组中。通过循环遍历数组,实现全选功能。
时间: 2024-02-18 12:59:12 浏览: 186
好的,我来为你写一下实现全选效果的代码,代码如下:
HTML:
```html
<label><input type="checkbox" name="checkbox">选项1</label>
<label><input type="checkbox" name="checkbox">选项2</label>
<label><input type="checkbox" name="checkbox">选项3</label>
<label><input type="checkbox" name="checkbox">选项4</label>
<button onclick="checkAll()">全选</button>
<button onclick="uncheckAll()">取消全选</button>
```
JavaScript:
```javascript
// 获取所有复选框
var checkboxes = document.getElementsByName('checkbox');
// 全选
function checkAll() {
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = true;
}
}
// 取消全选
function uncheckAll() {
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = false;
}
}
```
这段代码会获取到所有 `name` 属性为 `checkbox` 的复选框,并通过循环遍历的方式来实现全选和取消全选的功能。希望这段代码能够帮助你实现你的需求。
阅读全文