<FORM> Si no se selecciona ninguna casilla de verificación, ¡alerta! .. ELSE .. enviar. (Javascript)
Idioma:Javascript
Realmente odio hacer una pregunta aparentemente simple, pero por simple que parezca, no puedo hacer que esto funcione.
Estoy tratando de hacer esto completamente conJavascript puro solo (sin soporte de biblioteca).
Tengo un formulario con casillas de verificación ...
Todas las casillas de verificación tienen nombrefiles[]
porque uso los resultados en una matriz:
<input type='checkbox' name='files[]' id='1' value='1' /> file 1<br>
<input type='checkbox' name='files[]' id='2' value='2' /> file 2<br>
<input type='checkbox' name='files[]' id='3' value='3' /> file 3<br>
Lo que estoy tratando de hacer es, cuando el usuariopresenta la forma:
SI ninguna casilla está marcada >> volver¡ALERTA!MÁS enviar el formularioAquí está miformar:
<form name="deleteFiles" action="" method="post" onsubmit="return confirm_update();">
<input type='checkbox' name='files[]' id='1' value='1' /> file 1<br>
<input type='checkbox' name='files[]' id='2' value='2' /> file 2<br>
<input type='checkbox' name='files[]' id='3' value='3' /> file 3<br>
<input type="submit" value="Submit" name="submit">
</form>
Y aquí está miCódigo Javascript:
function confirm_update() {
var aCheckbox = document.deleteFiles.getElementsByTagName('input');
if (aCheckbox.checked){
return confirm("Are you sure you want to proceed deleting the selected files?");
} else {
alert("You do not have any selected files to delete.");
return false;
}
}
En acción: http://jsfiddle.net/DVqwB/3/
Aparentemente, no está funcionando, sé que debería usargetElementsById
pero como cada uno tiene una identificación única, no puedo usar eso. Y también sé que hay muchas soluciones en este sitio, pero si miras, realmente usan jQuery ...
Cualquier ayuda y orientación sería muy apreciada! Muchas gracias.