单击按钮后，将php-td值插入文本区域 - insert php td values to textarea after clicking button

insert php td values to textarea after clicking button

我有一个包含3个tds的echo PHP表：1-复选框。2-姓名。3-电话号码

我制作了文本区域，将所有选中的复选框tds电话号码都包含在其中。

我试图修改这个代码，但它对我不起作用。

我的代码：

<table class="table table-striped table-bordered TableStyle" id="table-scroll ">
    <thead>
        <th class="thead"><input type="checkbox" name="checkallnum" value="" id="checkallnum2" /></th>
        <th class="thead">Name</th>
        <th class="thead">Phone</th>
    </thead>
    <tbody>
        <tr>
             <td><input class="checkBoxClass" type="checkbox" name="check" value="" /></td>
             <td>AMMAR</td>
             <td>123456789</td>
        </tr>
         <tr>
             <td><input class="checkBoxClass" type="checkbox" name="check" value="" /></td>
             <td>Sara</td>
             <td>987654321</td>
        </tr>
    </tbody>
 </table>
<button type="button" id="confirmNums" class="btn btn-primary pull-left" style="">Add</button>
<textarea rows="8" name="" id="sendToNum" class="form-control" style="margin-bottom: 10px;" tabindex="1"></textarea>

一个可能的解决方案是使用jQuery。

也许这个例子可以让你开始。当您单击"添加"按钮时，电话号码将添加到文本区域。

$(document).ready(function() {
  $('#confirmNums').click(function() {
    var newline = "'n";
    var sendToNum = $('#sendToNum');
    sendToNum.text('');
    $("input[name=check]:checked").each(function() {
      var phoneNumber = $(this).parent().nextAll('td').eq(1).html();
      sendToNum.append(phoneNumber + newline);
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table table-striped table-bordered TableStyle" id="table-scroll ">
    <thead>
    <th class="thead"><input type="checkbox" name="checkallnum" value="" id="checkallnum2" /></th>
    <th class="thead">Name</th>
    <th class="thead">Phone</th>
    </thead>
    <tbody>
    <tr>
        <td><input class="checkBoxClass" type="checkbox" name="check" value="" /></td>
        <td>AMMAR</td>
        <td>123456789</td>
    </tr>
    <tr>
        <td><input class="checkBoxClass" type="checkbox" name="check" value="" /></td>
        <td>Sara</td>
        <td>987654321</td>
    </tr>
    </tbody>
</table>
<button type="button" id="confirmNums" class="btn btn-primary pull-left" style="">Add</button>
<textarea rows="8" name="" id="sendToNum" class="form-control" style="margin-bottom: 10px;" tabindex="1"></textarea>