javascript - 无法使用 jquery 禁用文本框

Question

当我使用 jquery 单击单选按钮时，我可以启用文本框。但我不知道如何在单选按钮更改时禁用它们。

JSFiddle http://jsfiddle.net/2LCnC/

HTML

<table>
  <tr class="jsRadioMasterSlaveContainer">
    <td>
      <input type="radio" name="radioMultiSelectCheckbox" class="jsRadioMaster" value=""> Upto N random selection count
    </td>
    <td style="padding: 3px;">
      <input type="text" placeholder="Count" id="" style="width:80px" class="jsRadioSlave" disabled/>
    </td>
  </tr>
  <tr class="jsRadioMasterSlaveContainer">
    <td>
      <input type="radio" name="radioMultiSelectCheckbox" id="" value="" class="jsRadioMaster"> Fixed selection count
    </td>
    <td style="padding: 3px;">
      <input type="text" name="" placeholder="Count" id="" style="width:80px" class="jsRadioSlave" disabled/>
    </td>
  </tr>
  <tr class="jsRadioMasterSlaveContainer">
    <td>
      <input type="radio" name="radioMultiSelectCheckbox" id="" class="jsRadioMaster"> Fixed index selection count
    </td>
    <td style="padding: 3px;">
      <input type="text" placeholder="Count" id="" style="width:80px" class="jsRadioSlave" disabled/>
    </td>
  </tr>
</table>

Jquery

$(".jsRadioMaster").each(function() {
  $(this).click(function() {
    HandleMasterRadioChange($(this));
  });
});
function HandleMasterRadioChange(masterRadio) {
      $(masterRadio).closest(".jsRadioMasterSlaveContainer").find(".jsRadioSlave").each(function() {
        $(this).attr("disabled", !$(masterRadio).is(':checked'));
      });
    }

Answer 1

您可以使用prop(propertyName, function)并根据同一行中的单选按钮返回 bool 值

$(".jsRadioMaster").change(function() {
   $('.jsRadioSlave').prop('disabled',function(){
      return !$(this).closest('tr').find('.jsRadioMaster').prop('checked')
   })
});

DEMO