チェックボックスの有効範囲の最大値が機能しない

Question

複数のチェックボックスを使用しようとしていますが、3つ以下のチェックを行うjsスクリプトが選択されています。 私はコードをオンラインで見つけましたが、すべてのコメントはそれがうまくいくと示唆していますが、私のマシンではうまくいきません。エラーはありませんが、何も起こりません。

<SCRIPT type="text/javascript"> 


    function KeepCount() { 

     var NewCount = 0 

     if (document.form1.one.checked) 
     { NewCount = NewCount + 1 } 

     if (document.form1.two.checked) 
     { NewCount = NewCount + 1 } 

     if (document.form1.three.checked) 
     { NewCount = NewCount + 1 } 

     if (document.form1.four.checked) 
     { NewCount = NewCount + 1 } 

     if (document.form1.five.checked) 
     { NewCount = NewCount + 1 } 

     if (document.form1.six.checked) 
     { NewCount = NewCount + 1 } 

     if (document.form1.seven.checked) 
     { NewCount = NewCount + 1 } 

     if (document.form1.eight.checked) 
     { NewCount = NewCount + 1 } 


     if (NewCount == 3) { 
      alert('Pick Just Two Please') 
      document.form1; return false; 
     } 
    } 

そして、私の体に、私はこれらのチェックボックスでid=form1を持つフォームがあります：

 <label> 
     <INPUT TYPE="checkbox" NAME="one" onClick="return KeepCount()"> One 
    </label> 
</div> 

    <div class="checkbox"> 
    <label> 
    <INPUT TYPE="checkbox" NAME="two" onClick="return KeepCount()"> two 
    </label> 
</div> 

..etc

私が言ったように、何を は、ここで私は、ヘッダーに持っているものです起こるエラーはありませんが、jsはありません。

おかげ

Answer 1

あなたはフィドルhttp://jsfiddle.net/m89k0u95/1/

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