啟用復選框

Question

我有以下代碼，詢問該工具是否被占用，如果該工具被占用，則disabled該復選框，否則enabled 。

但是我有一個JavaScript，可以在其中使用庫/ x-editable更改工具，並且當我在成功函數中更改工具時，我希望enabled該行的復選框。 我有一個代碼，但是此操作enabled所有復選框。

 var tools = []; $.each({ "tools1": "tools1", "tools2": "tools2", "tools3": "tools3", "tools4": "tools4" }, function(k, v) { tools.push({value: k, text: v}); }); $('#table').editable({ container: 'body', selector: 'td.Tools', title: 'new Tools', source: tools, showbuttons: false, success: function(response) { $('.form-check-input').closest('tr').find('input[name=choose]').attr('disabled', false); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/js/bootstrap-editable.min.js"></script> <table id="table" class="table table-bordered" cellspacing="0" width="100%"> <thead> <tr> <th>Id </th> <th>Tools </th> <th> </th> </tr> </thead> <tbody> <tr> <td data-name="id" class="id" data-type="text"> 2 </td> <td data-name="Tools" class="editable Tools" data-type="select"> Tools1 </td> <td> <input type="checkbox" name="choose" id="btn1" class="form-check-input" data-toggle="tooltip" disabled>Choose </td> </tr> <tr> <td data-name="id" class="id" data-type="text"> 1 </td> <td data-name="Tools" class="editable Tools" data-type="select"> Tools3 </td> <td> <input type="checkbox" name="choose" id="btn2" class="form-check-input" data-toggle="tooltip" disabled>Choose </td> </tr> <tr> <td data-name="id" class="id" data-type="text"> 3 </td> <td data-name="Tools" class="editable Tools" data-type="select"> Tools4 </td> <td> <input type="checkbox" name="choose" id="btn3" class="form-check-input" data-toggle="tooltip">Choose </td> </tr> </tbody> </table> 

我希望我能解釋清楚

Answer 1

$('.form-check-input').closest('tr').find('input[name=choose]').attr('disabled', false);

這行代碼使用一類form-check-input啟用與每個元素最接近的復選框

如果您只想啟用正在處理的復選框，則應該執行$(this).closest('tr').find('input[name=choose]').attr('disabled', false);

希望這可以幫助