javascript - 使用 Javascript 选择/取消选择 Rails 4 中的所有动态复选框

Question

我已关注此 StackOverflow 问题的 Answer1 和 Answer2

但没有得到结果..因为我从 Range 标签中调用所有复选框列表的数据。它们的 id 也是由数据定义的。让我向您展示此屏幕截图的代码

= f.collection_check_boxes :range_ids, Range.active, :id, :name, {},:class=>'checkbox'

返回为

<input id="campaign_range_ids_1" class="checkbox" type="checkbox" value="1" name="campaign[range_ids][]">
<input id="campaign_range_ids_2" class="checkbox" type="checkbox" value="2" name="campaign[range_ids][]">
<input id="campaign_range_ids_3" class="checkbox" type="checkbox" value="3" name="campaign[range_ids][]">
<input id="campaign_range_ids_4" class="checkbox" type="checkbox" value="4" name="campaign[range_ids][]">

我想如果All意味着id="campaign_range_ids_4"被选择/取消选择，那么所有其他复选框应该相应地执行。

这里还有范围表的屏幕截图

我尝试过这个Javascript

:javascript
  $('#campaign_range_ids_4').click(function() {
       if(this.checked) {
           $('#campaign_range_ids_1').checked = true;
           $('#campaign_range_ids_2').checked = true;
           $('#campaign_range_ids_3').checked = true;
           });
       } else {
           $('#campaign_range_ids_1').checked = false;
           $('#campaign_range_ids_2').checked = false;
           $('#campaign_range_ids_3').checked = false;
           });
       }
    });

请纠正我的错误......提前致谢......:)

更新的问题

我已关注 Shridhar's 和 Pavan's 回答它工作完美，但现在我希望当我选择“全部”然后取消选择任何一个时，它必须取消选中“全部”(第四个复选框)，但它保持原样..

Answer 1

正如我所说，应该是 $('#campaign_range_ids_4') 而不是 $('#campaign_beacon_range_ids_4')

这也行

$('#campaign_range_ids_4').click(function() {
   if(this.checked) {
       $(':checkbox').each(function() {
           this.checked = true;                        
       });
   } else {
      $(':checkbox').each(function() {
           this.checked = false;                        
       });
   } 
});

<强> Demo