Javascript 如果选中表,则从表中获取值

Javascript 如果选中表,则从表中获取值,javascript,jquery,html,Javascript,Jquery,Html,我有一段代码,其中值来自php <table class="table datatable-basic"> <tr> <th>-<th> <th>title<th> </tr> //forloop <tr> <td><input class="chk" type="checkbox" name="uid[]" id="uid" value="

我有一段代码,其中值来自php

<table class="table datatable-basic">
  <tr>
    <th>-<th>
    <th>title<th>
  </tr>
  //forloop
  <tr>
     <td><input class="chk" type="checkbox" name="uid[]" id="uid" value="<?php echo $id; ?>"></td>
  </tr>
  <tr>
     <td><?php echo "$title" ?></td>
  </tr>
</table>

<button id="go">GO</buton>

-
标题
//前环

您的设置有问题-它们的ID都是“uid”。ID必须是唯一的

但是,由于他们有一个类,您可以这样做:

var selectedValues = [];
$('input.chk:checked').each(function() {
    selectedValues.push($(this).val());
});
selectedValues
数组将包含所有选中复选框的值

然后,您可以将它们连接成一个字符串,用逗号分隔,并使用
join

selectedValues.join(',');

您的设置有问题-它们的ID都是“uid”。ID必须是唯一的

但是,由于他们有一个类,您可以这样做:

var selectedValues = [];
$('input.chk:checked').each(function() {
    selectedValues.push($(this).val());
});
selectedValues
数组将包含所有选中复选框的值

然后,您可以将它们连接成一个字符串,用逗号分隔,并使用
join

selectedValues.join(',');

为了演示输出,我在HTML中省略了PHP部分。您可以尝试以下代码:

$('go')。单击(函数(){
var-val='';
$('.chk:checked')。每个(函数(){
val+=','+$(this.val();
});
警报(val);
});

-
标题
标题

转到
演示我在HTML中省略了PHP部分的输出。您可以尝试以下代码:

$('go')。单击(函数(){
var-val='';
$('.chk:checked')。每个(函数(){
val+=','+$(this.val();
});
警报(val);
});

-
标题
标题

GO
您可以使用此选择器
输入。chk:选中
和函数
$。toArray
以数组形式获取所选元素,然后执行函数
映射
以获取值

最后,函数
join
将用逗号分隔的数组中的值创建一个字符串

$('go')。在('click',function()上{
var selectedValues=$('input.chk:checked').toArray().map(函数(chk){
返回$(chk).val();
});
log(selectedValues.join());
});

标题
标题

GO
您可以使用此选择器
输入。chk:选中
和函数
$。toArray
以数组形式获取所选元素,然后执行函数
映射
以获取值

最后,函数
join
将用逗号分隔的数组中的值创建一个字符串

$('go')。在('click',function()上{
var selectedValues=$('input.chk:checked').toArray().map(函数(chk){
返回$(chk).val();
});
log(selectedValues.join());
});

标题
标题

转到
将有多个复选框。。。。。。您要检索哪个复选框值。哪个复选框被选中?它们可以是多个的?我想是的,所以只要用
逗号连接,就会有多个复选框。。。。。。您要检索哪个复选框值。哪个复选框值被选中?它们可以是多个?我想是的,所以只需使用
逗号连接即可