Флажок с JS и мобильным телефоном

Question

Заранее благодарим за любую помощь На моей странице магазина у меня есть флажок, который проверяется, когда пользователь согласен с условиями. Когда он проверяет флажок, кнопка отправки отключена (false). Моя проблема в том, что это решение не работает на iPhone и других мобильных устройствах.

Вот код:

function terms() { 
 
    if (document.getElementById("cbTerms").checked) 
 
    document.getElementById("submit").disabled = false; 
 
    else 
 
    document.getElementById("submit").disabled = true; 
 
} 
 

 
function cbc() { 
 
    if (document.getElementById("cbc").checked) 
 
    document.getElementById("cbc") = ("הריני מאשר קבלת מבצעים והטבות אל הדואר האלקטרוני מפראיה"); 
 
    else 
 
    document.getElementById("cbc").value = "."; 
 
}

<input class="btn btn-toranj alt" name="submit" type="submit" id="submit" value="לרכישה" disabled="true"> 
 
<br> 
 
<br> 
 
<input type="checkbox-0" id="cbTerms" name="cbTerms" onclick="terms();" style="width:15px; height:15px;"> 
 
<p style="margin-bottom:0px; font-size:14px; display: -webkit-inline-box;">הריני מאשר כי קראתי את <a href="regulations.html" style="color:#E49D1F;">התקנון</a> 
 
</p> 
 
<br> 
 
<input type="checkbox" id="cbc" name="os3" oninput="cbc()" style="width:15px; height:15px;"> 
 
<p style="margin-bottom:0px; font-size:14px; display: -webkit-inline-box;">הריני מאשר קבלת מבצעים והטבות אל דואר האלקטרוני</p> 
 
<input type="hidden" value="הטבות ומבצעים" id="on3" name="on3">

Answer 1

На первый взгляд ваш первый флажок не совсем флажок.

<input type="checkbox-0" ...> должно быть больше как: <input type="checkbox" ...>

С этим изменением он будет работать.

P.S .:

Рассмотрим с помощью фигурных скобок для if() {} else {} заявления, как вы будете Propably работать в какой-то логической ошибки, если вы что-то изменить в будущем (например, добавить строку кода) и забудьте добавить их.

Answer 2

Событие изменения предпочтительнее, чем щелчок. И кроме того, вы бы передать в данный момент щелкнул флажок на лету следующим

<input class="btn btn-toranj alt" name="submit" type="submit" id="submit" value="לרכישה" disabled="true"> 
<br><br> 
<input type="checkbox" id="cbTerms" name="cbTerms" onchange="terms(this);" style="..."> 
<p style="...">הריני מאשר כי קראתי את 
<a href="regulations.html" style="...">התקנון</a> 
</p> 
<br>  
<input type="checkbox" id="cbc" name="os3" onchange="cbc(this)" style="..."> 
<p style="...">הריני מאשר קבלת מבצעים והטבות אל דואר האלקטרוני</p> 
<input type="hidden" value="הטבות ומבצעים" id="on3" name="on3"> 

<script type="text/javascript"> 
function terms(me) 
{ 
    document.getElementById("submit").disabled = !me.checked; 
} 
    function cbc(me){ 
    var val=document.getElementById("cbc").checked? 
     "הריני מאשר קבלת מבצעים והטבות אל הדואר האלקטרוני מפראיה":"."; 
    document.getElementById("cbc").value = val; 
} 
</script>