jquery - 用简单的形式限制复选框

Question

我使用简单表单 gem 在我的 Rails 应用程序上设置表单。我有一个复选框列表(大约 20 个选项)，我想限制用户只能选择 3 个。我怎样才能实现这一点？

查看:

<%= f.association :interests, :as => :check_boxes, :label => false %>

渲染 HTML 的第一部分

<div class="control-group check_boxes optional">
  <div class="controls">
    <label class="checkbox">
        <input class="check_boxes optional" id="user_interest_ids_1" name="user[interest_ids][] "      
         type="checkbox" value="1" />Adventure Sports</label>
   <label class="checkbox">
       <input class="check_boxes optional" id="user_interest_ids_2" name="user[interest_ids][]"  
       type="checkbox" value="2" />Arts and Crafts</label>

Answer 1

$('input[type=checkbox]').change(function(e){
   if ($('input[type=checkbox]:checked').length > 3) {
        $(this).prop('checked', false)
   }
})

http://jsfiddle.net/Uan5M/