选中复选框时如何禁用

Question

我在一个页面中有几个 jQuery 标签作为示例…

Js/jquery.js
Js/jquery-2.js
Js/jquery-3.js

由于彼此同时崩溃，无法同时使用所有这些 .js 标签。

我创建了 3 个这样的复选框...

<input name="jquery" type="checkbox" value="jquery">
<input name="jquery-2" type="checkbox" value="jquery-2">
<input name="jquery-3" type="checkbox" value="jquery-3">

我想拥有的是检查任何一个复选框并被禁用时，因此对于样本…。我检查了 jquery 和 jquery-2，并取消检查 jquery-3.

我的问题是如何编写代码来 禁用文件 中的 jquery 检查时。

非常感谢。

Answer 1

假设您希望复选框在一组中运行（选择 1 将取消选中所有其他复选框），您可以执行以下操作：

let checkBoxes = $("[name^=jquery]")

// Listen to changes on all checkBoxes, ignore the current element and uncheck all else
// Make sure to use jQuery 1.6+
checkBoxes.change(function(e) {
    const me = this;
    checkBoxes.not(me).prop('checked', false).removeAttr('checked')
})

选中复选框时如何禁用

How to disable when checkbox checked

jquery

checked