как набрать sh текстовое значение для ввода флажка в jquery

Question

Просмотр таблицы

<table>
<thead>
    <tr>
        <th class="text-center"><input type="checkbox" checked="checked" class="checkAll"  name="checkAll" /></th>
        <th>#</th>
        <th>Beneficiary Name</th>
        <th class="text-right box">Bonus ₹</th>
        <th class="text-right">Stipendiary ₹</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>
            <input type="checkbox" id="bene_id" checked="checked" class="chkclass" name="bene_id[]" value="" />
        </td>
        <td>1</td>
        <td>Chellammal Kochimoni</td>
        <td><input type="text" id="bonus_temp" name="bonus_temp[]" value="" /></td>
        <td>400</td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" id="bene_id" checked="checked" class="chkclass" name="bene_id[]" value="" />
        </td>
        <td>2</td>
        <td>Christal Prema G.</td>
        <td><input type="text" id="bonus_temp" name="bonus_temp[]" value="" /></td>
        <td>400</td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" id="bene_id" checked="checked" class="chkclass" name="bene_id[]" value="" />
        </td>
        <td>3</td>
        <td>Kamalesan T.</td>
        <td><input type="text" id="bonus_temp" name="bonus_temp[]" value="" /></td>
        <td>400</td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" id="bene_id" checked="checked" class="chkclass" name="bene_id[]" value="" />
        </td>
        <td>4</td>
        <td>Palammal A.</td>
        <td><input type="text" id="bonus_temp" name="bonus_temp[]" value="" /></td>
        <td>400</td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" id="bene_id" checked="checked" class="chkclass" name="bene_id[]" value="" />
        </td>
        <td>4</td>
        <td>Thangapazham</td>
        <td><input type="text" id="bonus_temp" name="bonus_temp[]" value="" /></td>
        <td>400</td>
    </tr>
</tbody>

jquery

   $("#bonus_temp").each(function() {
  $("#bonus_temp").keyup(function(){
    var bonus = $("#bonus_temp").val();
    $("#bene_id").val(bonus);
  });
});

я хочу добавить входное значение ("#bonus_temp") к значению флажка ("#bene_id") теперь мой запрос обновляет только первую строку. Остальная часть ряда не работает. Я использую Codeigniter для этого проекта. Я хочу опубликовать данные для таблицы. Я хочу обновить проверенное значение до дБ. поэтому я пытаюсь поставить sh входное значение для флажка.

Answer 1

Если вы хотите изменить действительные значения HTML на несколько используемых идентификаторов на классы, вы можете сделать это следующим образом:

   $(".bonus_temp").keyup(function() {
     var bonus = $(this).val();
     $(this).closest("tr").find("td .bene_id").val(bonus);
   });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <thead>
    <tr>
      <th class="text-center"><input type="checkbox" checked="checked" class="checkAll" name="checkAll" /></th>
      <th>#</th>
      <th>Beneficiary Name</th>
      <th class="text-right box">Bonus ₹</th>
      <th class="text-right">Stipendiary ₹</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <input type="checkbox" checked="checked" class="chkclass bene_id" name="bene_id[]" value="" />
      </td>
      <td>1</td>
      <td>Chellammal Kochimoni</td>
      <td><input type="text" class="bonus_temp" name="bonus_temp[]" value="" /></td>
      <td>400</td>
    </tr>
    <tr>
      <td>
        <input type="checkbox" checked="checked" class="chkclass bene_id" name="bene_id[]" value="" />
      </td>
      <td>2</td>
      <td>Christal Prema G.</td>
      <td><input type="text" class="bonus_temp" name="bonus_temp[]" value="" /></td>
      <td>400</td>
    </tr>
    <tr>
      <td>
        <input type="checkbox" checked="checked" class="chkclass bene_id" name="bene_id[]" value="" />
      </td>
      <td>3</td>
      <td>Kamalesan T.</td>
      <td><input type="text" class="bonus_temp" name="bonus_temp[]" value="" /></td>
      <td>400</td>
    </tr>
    <tr>
      <td>
        <input type="checkbox" checked="checked" class="chkclass bene_id" name="bene_id[]" value="" />
      </td>
      <td>4</td>
      <td>Palammal A.</td>
      <td><input type="text" class="bonus_temp" name="bonus_temp[]" value="" /></td>
      <td>400</td>
    </tr>
    <tr>
      <td>
        <input type="checkbox" checked="checked" class="chkclass bene_id" name="bene_id[]" value="" />
      </td>
      <td>4</td>
      <td>Thangapazham</td>
      <td><input type="text" class="bonus_temp" name="bonus_temp[]" value="" /></td>
      <td>400</td>
    </tr>
  </tbody>
</table>

Answer 2

Попробуйте:

$('tbody tr  #bonus_temp').keyup( function(){
       var bonus = $(this).val();
       $("tbody tr #bene_id").val(bonus);
});

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