一个可能的解决方案是使用jQuery。
我有一个包含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>
也许这个例子可以让你开始。当您单击"添加"按钮时,电话号码将添加到文本区域。
$(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>