Javascript 输入无线电更改时，禁用节中的所有元素

我有一个问题，我想禁用两个部分时，另一个启用。它们之间的一种切换。 例如，如果选择了第一节中的radio，则第二节中的所有元素（：input）将被禁用，反之亦然

我已经创建了它，但它并没有真正起作用，因为元素变量没有以正确的方式进行定位，比如（如下所示）

试试这个

首先为

class=“radio input”

的所有单选按钮指定相同的名称，以便一次只能选择一个单选按钮。让我们像下面这样说

name=“radio input”

：

<input type="radio" class="radio-input" name="radio-input"/>

---

工作

您可以使用此代码完成此操作，您需要为您的单选选项指定相同的名称

(function(){
  $(".radio-input").on("change", function() {
      var clicked = $(this).closest(".well")
      var other = $(".well").not(clicked);
      clicked.find("input[type='text']").prop("disabled", false); 
      other.find("input[type='text']").prop("disabled", true);

  })
}());

一个有效的例子

var variab = ('.radio-input');
    $('.form-horizontal').on('change', variab, function() {
    // disable all input under .well div except radio button
    $(this).parents('.well').siblings().find(':input').not('.radio-input').prop('disabled', true);
     // enable all input under .well div for current radio button selected.
        $(this).parents('.well').find(':input').prop('disabled', false);

    });

(function(){
  $(".radio-input").on("change", function() {
      var clicked = $(this).closest(".well")
      var other = $(".well").not(clicked);
      clicked.find("input[type='text']").prop("disabled", false); 
      other.find("input[type='text']").prop("disabled", true);

  })
}());