checkboxの選択個数制限

質問者

checkboxの選択個数制限をしたいです。

３個まで。

回答者

javascriptを使います。

<script>
var max_checked=3;
$(function(){
  $('.image:checkbox').on('change',function(){
    var flg=$(this).closest('.image').find(':checkbox:checked').length>=max_checked;
    $(this).closest('.image').find(':checkbox:not(:checked)').prop('disabled',flg);
  });
});
</script>

<body>

<div class= "image">
<label><input type="checkbox" value="1" >笑った</label>
<label><input type="checkbox" value="2" >良かった</label>
<label><input type="checkbox" value="3" >ためになった</label>
<label><input type="checkbox" value="4" >また見たい</label>
<label><input type="checkbox" value="5" >普通</label>
<label><input type="checkbox" value="6" >あんまり</label>
<label><input type="checkbox" value="7" >良くなかった</label>
</div>                                   

</body>

回答者

３個まで選択できます。