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)相似，但看起来更干净。

jQuery检查是否检查了3个复选框在iPhone上不起作用

1 个答案: