js如何限制复选框只能选一个
- 编程技术
- 2025-02-08 08:06:20
- 1
![js如何限制复选框只能选一个](http://xinin56.com/imgs/167.jpg)
在JavaScript中,要限制复选框只能选择一个,可以通过给所有复选框添加一个事件监听器来实现。当用户点击一个复选框时,会自动取消所有其他复选框的选中状态。以下是一个...
在JavaScript中,要限制复选框只能选择一个,可以通过给所有复选框添加一个事件监听器来实现。当用户点击一个复选框时,会自动取消所有其他复选框的选中状态。以下是一个简单的实现示例:
```javascript
// 假设所有复选框都有一个共同的类名 'checkbox'
document.querySelectorAll('.checkbox').forEach(function(checkbox) {
checkbox.addEventListener('change', function() {
// 当复选框被选中时,取消所有其他复选框的选中状态
document.querySelectorAll('.checkbox').forEach(function(otherCheckbox) {
if (otherCheckbox !== checkbox) {
otherCheckbox.checked = false;
本文由夕逆IT于2025-02-08发表在夕逆IT,如有疑问,请联系我们。
本文链接:http://www.xinin56.com/bian/515861.html
本文链接:http://www.xinin56.com/bian/515861.html