如何获得具有通用名称的jquery中复选框的值。

Question

我从以下表格中的数据表中得到以下一系列复选框：

<input id="list-chk_1"  type="checkbox" /> 
<input id="list-chk_2"  type="checkbox" /> 
<input id="list-chk_3"  type="checkbox" /> 

如何将该id与list-chk分开。我是否必须包含data-id参数？

Answer 1

根据我的理解，试试

$('input[id^="list-chk"]').click(function(){
    $(this).attr("id"); //Getting click control ID
    $(this).val(); //Getting Value
 });

Answer 2

如果您知道ID始终具有该格式，则可以使用拆分。

var ins = document.getElementsByTagName('input');
for (var i = 0; i < ins.length; i++) {
  document.write(ins[i].id.split('_')[1]);
}

// jQuery
$('input').each(function() {
   $('body').append(this.id.split('_')[1]);
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="list-chk_1" type="checkbox" />
<input id="list-chk_2" type="checkbox" />
<input id="list-chk_3" type="checkbox" />

Split将从给定的字符串中创建一个数组，将其拆分到您告诉它的位置。

"list-chk_1".split('_') // results in ["list-chk", "1"]

其他方法可能正在使用var idnr = this.id.replace('list-chk_', '');