需要选择所有复选框并向每个复选框动态添加特定的事件处理程序

给定页面中的以下重复标记：

<div>
     <input type="checkbox" id="chk1" />
     <div id="div1" >
          //stuff to toggle
     </div>
</div>
<div>
     <input type="checkbox" id="chk2" />
     <div id="div2" >
          //stuff to toggle
     </div>
</div>

如何获取所有复选框，然后动态地将切换添加到每个复选框的事件处理程序中的关联 div？

$(document).ready(function() {
     $('input:checkbox').each(
          function() {
               $(this).bind('click", function() {
                    //Attach toggle() to associate DIV
                    //$('#div1').toggle();
               });
          });
});

有没有一种简单的方法可以做到这一点，而无需解析或假设 ID 的有序列表？

• Use the change事件，因为这才是您真正关心的
• Use .live()所以你只绑定 1 个监听器，而不是每个复选框 1 个

• 使用 DOM 遍历来查找<div>

  $(function ()
  {
      $('input:checkbox').live('change', function ()
      {
          $(this).next().toggle();
      });
  });