多个多选框,只清除一个多选框的选中的前端代码
时间: 2024-02-27 21:55:08 浏览: 93
几种多选下拉框的代码
你可以使用 JavaScript 来实现多个多选框的选中和清除。以下是一个例子:
HTML 代码:
```html
<input type="checkbox" name="option1" value="1"> 选项1
<input type="checkbox" name="option2" value="2"> 选项2
<input type="checkbox" name="option3" value="3"> 选项3
<button onclick="clearCheckbox()">清除选中</button>
```
JavaScript 代码:
```javascript
function clearCheckbox() {
var checkboxes = document.getElementsByName("option1");
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = false;
}
}
```
在这个例子中,我们使用 `getElementsByName` 方法获取所有名称为 `option1` 的多选框元素,并将它们存储在 `checkboxes` 数组中。然后我们遍历数组,将每个多选框的 `checked` 属性设置为 `false`,从而清除选中状态。
如果你想要清除其他名称的多选框,只需要替换 `getElementsByName` 方法的参数即可。
阅读全文