jQuery复选框撤消解决方案 家庭1 家庭3 家庭3 家庭4

在上面的代码中，单击按钮时，复选框的所有选定值都应显示在selectedhome td中，旁边有一个撤消链接，并且从第一个td不可见。选择撤消按钮时，复选框应返回初始位置。如何使用jquery实现这一点请尝试一下。它会将每个复选框重置为加载页面时的默认选中值

示例：

---

我想获得在第二个td中选中的复选框，并在撤消时将其放回第一个td中的原始位置td@Hulk-你是说当有人选中一个复选框时，整个复选框应该移到第二个

？

<table> 
  <tr>
   <td>
    <div>
     <input type="checkbox" id="home1">Home1</input>
     <input type="checkbox" id="home2">Home3</input>
     <input type="checkbox" id="home3">Home3</input>
     <input type="checkbox" id="home4">Home4</input>
   </div>
  </td>
  <td id="selectedhome"> </td>
 </tr>
</table>

<input type="button" value="Select" />

  // Display ID value of checked boxes
$('input[value=Select]').click(function() {
    var values = $('table :checkbox:checked').map(function() {
        return this.id;
    }).get().join(',');
    var home = $('#selectedhome').text(values);
});

  // Reset checkboxes to initial state
$('input[value=Undo]').click(function() {
    $('table :checkbox').each(function() {
        this.checked = this.defaultChecked;
    });
});​