啓用禁用複選框選中時的文本框

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();