javascript - 禁用不完全起作用的复选框

Question

所以我最近在the other question I posted问了一个关于如何做到这一点的问题我询问如何更改一些 javascript 来实现这一点，以便仅当选中某个特定复选框时，所有复选框才会被禁用。

我写了这个:

$(function () {
    $("#disable").change(function () {
        $(this).siblings().attr("disabled", $(this).is(":checked"));
    });
});

及以上here on jsfiddle你会发现它不起作用。这个想法是，如果您选中第一个复选框，则其余所有复选框都应被禁用。怎么不……

我做错了什么？

Answer 1

你的 DOM 出了问题。检查这里:http://jsfiddle.net/83w8s/1/

$(function () {
  $("#disable").change(function () {
    $(this).closest('.control-group').siblings('.control-group').find('input').attr("disabled", $(this).is(":checked"));
  });
});