Question

我有这个不同名称的复选框，但所有名称都以checkUser

开头

<input type="checkbox" value="60176694447" name="checkUser52106">
<input type="checkbox" value="60176694448" name="checkUser52107">
<input type="checkbox" value="60176694449" name="checkUser52108">

A quick google bring me this function from sitepoint

$(function(){
$('#btnClick').click(function(){
var val = [];
$(':checkbox:checked').each(function(i){
  val[i] = $(this).val();
});
});
});

现在我想获取所选复选框的所有值，名称以checkUser开头。怎么做到这一点？

Answer 1

使用attribute startsWith selector：

$(':checkbox[name^="checkUser"]:checked').each(function(i){
    val[i] = $(this).val();
});

您可以使用.map代替更短的解决方案：

var val = $(':checkbox[name^="checkUser"]:checked').map(function(){
    return this.value;
}).get();

Answer 2

使用像这样的CSS3类型选择器

$('input[name=~"checkUser"]:checked').each( function(idx) {
    val[idx] = $(this).val();
});

编辑：哦，与上面完全相同的答案：P

如何使用jquery获取具有特定名称的所选复选框的值

2 个答案: