3

我有一个 DataTable，其中一列是复选框。我可以选择多个复选框。现在单击按钮，我想获取选定复选框的行 ID。单击按钮完成 ajax 操作后，我想再次选择上述行 ID 的复选框。基本上如何获取选中的行 ID，然后再次选中复选框？

4

2 回答 2

5

假设每个复选框都有 RowId 作为他的值属性。

获取所有选中的复选框：

var selectedIds = [];

$(":checked").each(function() {
    selectedIds.push($(this).val());
});

重新检查复选框：

$.each(selectedIds, function(index, id) {
    $(":checkbox[value='" + id + "']").prop("checked", true);
});
于 2012-12-06T13:04:12.593 回答
2

如果我正确理解你的问题，这就是你要找的，

jQuery代码

$(document).ready(function() {
    $('#btn').click(function(){
       var dataArr = [];
       $('input:checked').each(function(){
        alert($(this).closest('tr[id]').attr('id'));// just to see the rowid's
            dataArr.push($(this).closest('tr[id]').attr('id')); // insert rowid's to array
       });
       // send data to back-end via ajax
       $.ajax({
              type : "POST",
              url : 'server.php',
              data : "content="+dataArr,
              success: function(data) {
                  alert(data);// alert the data from the server
              },
              error : function() {
              }
        });
    });
});

html代码

<table border="2" cellspacing="2" cellpadding="2">
  <tr id="row1">
    <td><input id="checkbox1" name="checkbox1" type="checkbox" value="1" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr id="row2">
    <td><input id="checkbox2" name="checkbox2" type="checkbox" value="2" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr id="row3">
    <td><input id="checkbox3" name="checkbox3" type="checkbox" value="3" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<input id="btn" name="btn" type="button" value="CLICK" />
于 2012-12-06T11:42:41.700 回答