Изменить значение с помощью CheckBox на столе

Question

У меня есть этот код hbs:

<table>
  <tr>
    <th>A</th>
    <th>B</th>    
  </tr>
  {{#each data2}}
  <tr>
    <td>
      <input
      type='checkbox'
      id='nm_produk'
      class='product'
      name='data_{{no}}'
      value="{{no}}">
      <label>{{item}}</label>
    </td>
    <td>
      <input
      disabled type='text'
      placeholder='0'
      name='data_{{no}}'
      id='qtytbs'>
    </td>
  </tr>
  {{/each}}
</table>

И этот сценарий:

$(document).ready(function() {
    $(".product").change(function() {
        $next = $(this).closest('tr').find('[id=qtytb]');
        $next.prop('disabled', !this.checked);   
    });
});

Когда я установил флажок, включается одна и та же строка элемента ввода, и мы можем напиши текст на нем. Но когда я снял флажок, значение по-прежнему существует последнее значение. Я хочу получить пустое значение и отключить элемент ввода в той же строке, когда сниму флажок с элемента флажка.

Как этого добиться?

Answer 1

Измените код JS на:

$(document).ready(function() {
    $("#nm_produk").change(function() {
        $next = $(this).closest('tr').find('[id=qtytbs]');
        $next.val("");
        $next.prop('disabled', !this.checked);   
    });
});

Answer 2

Добавить $ next.val (''); в ваш код, только если флажок не установлен. Возможно, вам придется написать условие if, чтобы установить пустое значение.