JavaScript中用按钮控制复选框选中
时间: 2023-09-16 08:11:20 浏览: 104
可以使用addEventListener()方法监听按钮的点击事件,然后在事件处理程序中使用checked属性来控制复选框的选中状态。示例代码如下:
HTML:
```
<input type="checkbox" id="checkbox">复选框
<button id="checkboxBtn">点击选中复选框</button>
```
JavaScript:
```
var checkbox = document.getElementById('checkbox');
var checkboxBtn = document.getElementById('checkboxBtn');
checkboxBtn.addEventListener('click', function() {
checkbox.checked = true;
});
```
在上面的代码中,我们获取了复选框和按钮的DOM元素,并使用addEventListener()方法监听了按钮的点击事件。当按钮被点击时,事件处理程序会将复选框的checked属性设置为true,从而选中复选框。
阅读全文