javascript - 选中复选框值

Question

我正在根据从后端获取的值动态创建复选框和相应的 id，如图所示。
创建后，如何检索此选中复选框的值？

HTML:

<tr>
   <td class="valueleft">All</td>
   <td class="valueleft"><input type='checkbox' id="cb1"/></td>
</tr>
<tr>
   <td class="valueleft">--------</td>
   <td class="valueleft">----checkbox-------</td>
</tr>

jQuery:

$("#myTable").last().append("<tr><td>"+name+"</td><td><input type='checkbox'id="+id+"/></td></tr>");

Answer 1

要检索已检查的 checkobxes 的值，您可以执行以下操作:

var checkedValues = [];

$('input[type=checkbox]:checked').each(function(){
       //here this refers to the checkbox you are iterating on
       checkedValues.push($(this).val());
});

或者如果您想要名称/值对，您可以这样做:

var checkedValues = {};

$('input[type=checkbox]:checked').each(function(){
       //here this refers to the checkbox you are iterating on
       checkedValues[$(this).attr('id')] = $(this).val();
});

//you end up with an object with the id's as properties and the relative values as values