Санкционировать Checkbox с JQuery

Я хотел бы узнать способ санкционировать один Checkbox с 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() но я старался применять их и меня не удалось достичь этого, только я хочу, чтобы он бросил alert, который говорил бы что-то, как Он Принимает условия.

5
задан 31.07.2018, 04:00
4 ответа

Когда ты используешь is(), ты должен использовать селектор :checked:

$(document).ready(function() {
    $("#submit").on("click", function() {
        var condiciones = $("#aceptar").is(":checked");
        if (!condiciones) {
            alert("Debe aceptar las condiciones");
            event.preventDefault();
        }
    });
});
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<form action="">
    <div>
        <p>Correo: </p>
        <input type="email" name="correo" id="correo">
    </div>
    <div>
        <p>Telefono: </p>
        <input type="text" name="telefono" id="telefono">
    </div>
    <div>
        <p>Aceptar condiciones: </p>
        <input type="checkbox" name="aceptar" id="aceptar">
    </div>
    <button type="submit" id="submit">Enviar Formulario </button>
</form>

, Когда не были помечены условия, ты должен использовать event.preventDefault(), чтобы избегать того, чтобы формуляр сделал post.

9
ответ дан 03.12.2019, 22:44
  • 1
    Спасибо за твой ответ друг, я следую себе более подходящая для моего проекта. – Eduardo Javier Maldonado 31.03.2016, 22:59
  • 2
    Ничего @EduardoJavierMaldonado как хорошо, что он подал тебя – César 31.03.2016, 23:01

Ты мог бы осуществлять что-то, как тебя

$(function(){
  $("#submit").click(function(event){
        var seleccion = $("#aceptar")[0].checked;
        if(!seleccion){
            event.preventDefault();
            alert("Acepta las condiciones");
        }
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<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" id="aceptar" ><br>
<button type="submit" id="submit">Enviar Formulario </button>
</form>

, Также есть другие альтернативы, как это

var seleccion = $("#aceptar").is(':checked');
3
ответ дан 03.12.2019, 22:44

Только спроси, если этот checkeado с .is(':checked'):

$('form').on('submit', function(){
    if($("input[type='checkbox']").is(':checked') === true)
    console.log('Soy valido')
  else{
  console.log('Soy invalido')
    return false; //Soy invalid
  } 
})

DEMO в живом

2
ответ дан 03.12.2019, 22:44

Ты можешь использовать "required" и так не должен использовать язык сценариев JavaScript, хотя показанное сообщение будет зависеть от браузера.

<input type="checkbox" name="aceptar" required>

1
ответ дан 03.12.2019, 22:44
  • 1
    echo он использовал required, но он не нравится мне в пользу такого мотива ped и # 237; помоги мочь делать это с jquery, так как так у меня это попросил мой клиент, и я не заставил это функционировать из-за peque и # 241; вы ошибки он не шел таким потерянным. – Eduardo Javier Maldonado 31.03.2016, 23:17

Теги

Похожие вопросы