2016-05-20 4 views
0

jsに少し新しく、選択したボックスを数えるのに問題がある、誰かが間違っていることを見ることができますか?jqueryで選択したチェックボックスを数えて

フィドル:https://jsfiddle.net/ate9a04u/

JS

$(document).ready(function() { 
    var maxAllowed = 3; 
    $(".rmax").html(maxAllowed); 
    $(".subscribtion-content input.checkbox").change(function() { 
     var cnt = $(".subscribtion-content input.checkbox:checked").length; 
     if (cnt > maxAllowed) { 
      $(this).prop("checked", ""); 
      $(".rcount").html(cnt); 
     } 
    }); 
}); 

も最大に到達し、その逆されたときに他の人を無効にするために、とにかくありますか?

答えて

3

あなたの選択したボックスの数は完璧です。あなたは次のように最大に達したときに他のものを無効にすることができます。

$(document).ready(function() { 
    var maxAllowed = 3; 
    $(".rmax").html(maxAllowed); 

    $(".subscribtion-content input.checkbox").change(function() { 
     var checkBox = $(".subscribtion-content input.checkbox") 
     var cnt = $(".subscribtion-content input.checkbox:checked").length; 
     if (cnt == maxAllowed) { 
      checkBox.not(':checked').prop('disabled', true); 
     } else { 
      checkBox.not(':checked').prop('disabled', false); 
     } 

     $(".rcount").html(cnt); 
    }); 
}); 

UPDATED FIDDLE

関連する問題