当前位置:首页 > 编程技术 > 正文

js如何限制复选框只能选一个

js如何限制复选框只能选一个

在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;

最新文章