Флажок установлен

У меня есть следующий код, в котором я спрашиваю, занят ли инструмент, если этот инструмент занят, флажок - 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>

Надеюсь, я хорошо объяснил

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
47
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 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);

Надеюсь это поможет

Другие вопросы по теме