php - 当使用 while 循环选中复选框时，如何将文本框值复制到另一个文本框？

Question

这是我在 JQUERY 中的代码:

$(document).ready(function() {
$(".checkbox1").on("change",function(){

if (this.checked ) {
        $("#text2").val($("#text1").val());

    } else {

        $('#text2').attr("value", "");
        $("#text2").attr("placeholder", "text1")  ;
      }    

   });

});

这是我在 PHP 中的代码:

 $id = mysqli_real_escape_string($sqlquery1, $_GET['id']);
 $result = $myquery->query("SELECT * FROM `rr1` LEFT JOIN `CAL` ON 
               `rr1`.`si`=`rr2`.`sii` WHERE `rr1`.`cust`= '$id' 
                ORDER BY `si` ASC ");
 while ($myowndata = $result->fetch_assoc()) {

    <td style='border:0;'><input type='text' name='si2' id='text1' value='".$myowndata['Custom']."' autocomplete='off' size='10' readonly  ></td>
    <td style='border:1px solid black'><input type='text' id='text2' name='pdcc' autocomplete='off' size='10' ></td>
    <td style='border:0px solid black;'><input type='checkbox' name='checkboxee' id='checkboxee' class='checkbox1'></td> 
     }

我的问题是:

如果选中复选框并使用 while 循环，如何将 text1 的值复制到 text2 中？抱歉我的英语不好。虽然它已经可以工作了，但它只在第一行有效。当我单击其他复选框时，它不再复制。 see this image

Answer 1

不要使用重复的 ID。使用 class 并找到该类以使用 Parent 获取值。运行片段以查看结果。

$(document).ready(function() {
  $(".checkbox1").on("change", function() {
    var $this = $(this).parent().parent();
    if (this.checked) {

      $this.find('.text2').val($this.find('.text1').val())

    } else {
      $this.find('.text2').val('');
      $this.find('.text2').attr("placeholder", "text1");

    }

  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td style='border:0;'>
      <input type='text' name='si2' class='text1' value='".$myowndata[' Custom ']."' autocomplete='off' size='10' readonly>
    </td>
    <td style='border:1px solid black'>
      <input type='text' class='text2' name='pdcc' autocomplete='off' size='10'>
    </td>
    <td style='border:0px solid black;'>
      <input type='checkbox' name='checkboxee' id='checkboxee' class='checkbox1'>
    </td>

  </tr>
  <tr>
    <td style='border:0;'>
      <input type='text' name='si2' class='text1' value='".$myowndata[' Custom ']."' autocomplete='off' size='10' readonly>
    </td>
    <td style='border:1px solid black'>
      <input type='text' class='text2' name='pdcc' autocomplete='off' size='10'>
    </td>
    <td style='border:0px solid black;'>
      <input type='checkbox' name='checkboxee' id='checkboxee2' class='checkbox1'>
    </td>

  </tr>
</table>