Флажок проверки не работает

Question

Я некоторые Javascript, который должен подтвердить флажок (что делает его обязательным), но мою форму независимо от того, проверяется или не только представляет, вот мой код:

<script> 
    function validateCheckBoxes(theForm) { 
    if (!theForm.declare.checked) { 
     alert ('You must tick the checkbox to confirm the declaration'); 
     return false; 
    } else {  
     return true; 
    } 
    } 
</script> 

<form name="form" method="POST" action="<?php echo $_SERVER["PHP_SELF"];?>" id="eoi" onsubmit="return validateCheckBoxes(this);"> 
    <input type="checkbox" name="declare" id="declare"> 
    <input type="submit" name="submit" id="submit" value="submit"> 
</form> 

Любой идеи о том, почему он не работает?

Answer 1

<script type="text/javascript"> 
function validateCheckBoxes(theForm) 
{ 
if (!theForm.declare.checked) 
{ 
    alert ('You must tick the checkbox to confirm the declaration'); 
    return false; 
} else {  
    return true; 
} 
} 
</script> 

<form name="form" method="POST" action="<?php echo $_SERVER["PHP_SELF"];?>" id="eoi" onsubmit="return validateCheckBoxes(this);"> 

<input type="checkbox" name="declare" id="declare"> 

</form> 

Как @shin упоминалось, необходимо указать объект формы во время вызова функции.
theForm.declare.checked возвращает true или false нет необходимости проверять значение с помощью оператора ==. Просто используйте его непосредственно (Пользователь в зависимости от потребности - свести на нет результат)

Answer 2

изменить вызов функции как

  return validateCheckBoxes(this); 

Eg:

 <form name="form" method="POST" action="<?php echo $_SERVER["PHP_SELF"];?>" id="eoi" onsubmit="return validateCheckBoxes(this);"> 

Поскольку theForm следует обратиться объект

Answer 3

<script> 
    function validateCheckBoxes() 
    { 
    if (document.getElementById('declare').checked == false) 
    { 
     alert ('You must tick the checkbox to confirm the declaration'); 
     return false; 
    } else {  
    return true; 
    } 
    } 
</script> 

<form name="form" method="POST" action="<?php echo $_SERVER["PHP_SELF"];?>" id="eoi"  onsubmit="return validateCheckBoxes();"> 

<input type="checkbox" name="declare" id="declare" /> 
<input type="submit" name="submit" value="submit" /> 

</form> 

Answer 4

Вот что я пытался и работал для меня

<script type='text/javascript'> 
    function validateCheckBoxes() 
{ 
if (document.forms[0].declare.checked == false) 
{ 
    alert ('You must tick the checkbox to confirm the declaration'); 
    return false; 
} else {  
    return true; 
} 
} 
</script> 

<form name="form" method="POST" action="yourURL/search" id="eoi" onsubmit="return validateCheckBoxes();"> 
    <input type="checkbox" name="declare" id="declare"/> 
</form> 

Я не думаю, что вам нужно передать ссылку объекта формы на функцию.