启用禁用复选框选中时的文本框

Question

我正在使用jQuery。如何在复选框选中时启用或禁用表格内的文本框。 这是我的edit.cshtml。

<table id="scDetails" class="dataTable"> 
      <thead> 
       <tr> 
        <th>RItem</th> 
        <th>IChecked</th> 
        <th>Notes</th> 
       </tr> 
      </thead> 
      <tbody> 
       @foreach (var fback in Model.Fbacks) 
       { 
        <tr> 
         <td @Html.DisplayFor(m => fback.RItem)</td> 
         <td>@Html.CheckBoxFor(m => fback.IChecked)</td> 
         <td>@Html.TextBoxFor(m => fback.Notes)</td> 
        </tr> 
       } 
      </tbody> 
     </table> 

我曾尝试是：

$('td :checkbox').change(function() { 
      var parentTx = $(this).closest('tr').find(input[type = "text"]); 
      if (this.checked) { 
       parentTx.attr("disabled",false); 
      } else { 
       parentTx.attr("disabled", true); 
      } 
     }); 

哪里做错了吗？我不想在控件上使用任何类来实现此目的。

Answer 1

你错过了引号，你可以简单地你的代码：

$('td input[type="checkbox"]').change(function() { 
    $(this).closest('tr').find('input[type="text"]').prop('disabled', !this.checked); 
}).change();