У меня есть следующий код, в котором я спрашиваю, занят ли инструмент, если этот инструмент занят, флажок - disabled, в противном случае - enabled.
Но у меня есть javascripts, где я могу поменять инструмент с помощью библиотеки / x-редактируемый
и когда я меняю инструменты в своей функции успеха, я хочу, чтобы флажок в этой строке получил 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>Надеюсь, я хорошо объяснил



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


$('.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);
Надеюсь это поможет