comprobar al menos una casilla de verificación de validación en jquery

Tengo algunas casillas de verificación, algo como esto:

<form name="submit-form" name="submit-form">
<label>property1</label>
<input type="checkbox" name="property1"><br>
<label>property2</label>
<input type="checkbox" name="property2"><br>
<label>property3</label>
<input type="checkbox" name="property3"><br>
<label>property4</label>
<input type="checkbox" name="property4"><br>
<label>property5</label>
<input type="checkbox" name="property5"><br>
<label>property6</label>
<input type="checkbox" name="property6"><br>
<input type="submit">
</form>

Me gustaría validar que al menos una casilla a la vez. que me ayude plz. gracias de antemano

  • lugar real html por favor

4 Kommentare

  1. 7
    $("#YourbuttonId").click(function(){
        if($('#YourTableId').find('input[type=checkbox]:checked').length == 0)
        {
            alert('Please select atleast one checkbox');
        }
    });

    Actualización:

    vi tu código y parece que están usando jquery validation plugin en ese caso, este post te ayudará

    y trate de darle a su casilla de verificación mismo nombre que existe en un grupo de

    http://forum.jquery.com/topic/check-that-at-least-1-checkbox-is-checked-using-jquery-validate-plugin

    • funciona sólo cuando me actualice la página, no en la de enviar el formulario.
    • que no funciona. hay algunas otras validaciones, todos están trabajando con la excepción de esta
    • royalgroupinternational.com/add_enquiry marque el código fuente de este para html.
    • para que grupo de casillas de verificación que desee este
    • gracias, me ayuda mucho… que enlace me ha ayudado a resolver el problema y todo el crédito va para ti. gracias una vez más…
  2. 1

    Me gustaría incluirlos todos en un recipiente con un div sólo para facilitar la selección y, a continuación, puede utilizar:

    if($('#wrapperID input:checked').length > 0) {
        'at least one is checked
    }
    • OK. A continuación, poner el ID en la tabla.
  3. 0

    Ver esta demostración: http://jsfiddle.net/RGUTv/ O su caso específico demo aquí: http://jsfiddle.net/J98Ua/

    Mi vieja respuesta aquí: validación de al menos una casilla de verificación

    esperanza resto se adapta a las necesidades! :)

    código

    $(document).ready(function() {
        $('#my-form').submit(function() {
            amIChecked = false;
            $('input[type="checkbox"]').each(function() {
                if (this.checked) {
                    amIChecked = true;
                }
            });
            if (amIChecked) {
                alert('atleast one box is checked');
            }
            else {
                alert('please check one checkbox!');
            }
            return false;
        });
    });​
    • que no funciona. Sé u a resolver muchos de los problemas de la casilla de verificación de validación antes de esto, pero no funciona y yo no lo quiero en alerta…
    • Cool man, lol se puede hacer una demostración de su problema de la película de JQ código por favor? Déjame saber lo que en realidad parte no funciona.

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein