JQuery проверить, если не проверены 3 checboxes на iphone

Question

, поэтому я сейчас занят работой над сайтом, где люди могут голосовать за 3 идеи.
Я сделал функцию, что кнопка отправки голосования отключена, когда кто-то не выбрал 3 идеи для голосования, и когда он / она выбирает 3, предложение становится доступным.
проблема в том, что он прекрасно работает на телефонах Android, но на iPhone он остается отключенным, когда я выбираю 3, но становится доступным, когда я переключаюсь с 3 на 2 или 4.
Но это не то, что должно случиться, если кто-то поймет, что может быть проблема.

здесь моя функция в JQuery

$('body').on('change','#nieuwetrofeestemmen_table',function () {
   var checked = getCheckedRows('nieuwetrofeestemmen_table');
   if(checked.length < 3 || checked.length >3){
       $('.btnStemmen').prop('disabled', true);
   }
   else {
       $('.btnStemmen').prop('disabled', false);
   }
});

спасибо заранее

Answer 1

Это должно работать независимо от устройства. Но проверьте это с вашим Iphone. Убедитесь, что в ваших настройках включен javascript.

$('#checkboxes').on('change',function () {
   var checked = $('#checkboxes').find('input[type=checkbox]:checked');
   if(checked.length !== 3){
       $('.btnStemmen').prop('disabled', true);
   }
   else {
       $('.btnStemmen').prop('disabled', false);
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="checkboxes">
<input type="checkbox">A</input>
<input type="checkbox">A</input>
<input type="checkbox">A</input>
<input type="checkbox">A</input>
<input type="checkbox">A</input>
<input type="checkbox">A</input>
<input type="checkbox">A</input>
<input type="checkbox">A</input>
<input type="checkbox">A</input>
</div>
<button class="btnStemmen" disabled>Stemmen</button>

Кстати: if(checked.length !== 3) работает как ваш if(checked.length < 3 || checked.length > 3), но выглядит чище.