使用jquery选择div中的所有复选框

Question

单击"全选"复选框后,我想选中所有复选框.这里是代码

<div class="fp">
  <div class="fpanel">
    <div class="fpblockscontainer"> 
      <span class="fpblockslabel">Merchants</span>    
      <div class="fpblocks">
        <label class="checkbox">
          <input class=".select-all2" type="checkbox">Select All</label>
        <label class="checkbox">
          <input type="checkbox">Apple</label>
        <label class="checkbox">
          <input type="checkbox">orange</label>
        <label class="checkbox">
          <input type="checkbox">potato</label>
        <label class="checkbox">
          <input type="checkbox">Williams-Sonoma</label>

      </div>
    </div>

在选中"select.all2"复选框后,我需要选中所有复选框.下面的jquery代码不起作用.我哪里错了？

$(".select-all2").on("click", function () {
  if ($(this).is(':checked')) {
    $(this).closest("div.fp").find(':checkbox').each(function () {
      $(this).attr('checked', 'checked');
    });
  } else {
    $(this).closest("div.fp").find(':checkbox').each(function () {
      $(this).removeAttr('checked');
    });
  }
});

Answer 1

只需从输入中删除点,它应该可以正常工作

<input class=".select-all2" type="checkbox" >

至

<input class="select-all2" type="checkbox" >

看到这里:jsFiddle演示