Я хотел бы знать, как проверить Checkbox
with JQuery
в небольшой форме.
<form action="">
<a>Correo: </a>
<input type="email" name="correo">
<br>
<a>Telefono: </a>
<input type="text" name="telefono">
<br>
<a>Aceptar condiciones: </a>
<input type="checkbox" name="aceptar">
<br>
<button type="submit" id="submit">Enviar Formulario</button>
</form>
Я нашел несколько типов проверок, .is(selector)
но .prop()
я попытался их применить, и у меня не получилось, я просто хочу, чтобы он выдавал предупреждение, в котором говорится что-то вроде «Принять условия » .
Когда вы используете, вы
is()
должны использовать селектор:checked
:Когда условия не были отмечены, вы должны использовать
event.preventDefault()
, чтобы форма не выполнялаpost
.Вы можете реализовать что-то вроде
Существуют и другие альтернативы, такие как
Он только спрашивает, проверено ли это с помощью
.is(':checked')
:ДЕМО в прямом эфире
Вы можете использовать «required» и, таким образом, вам не нужно использовать JavaScript, хотя отображаемое сообщение будет зависеть от браузера.
<input type="checkbox" name="aceptar" required>