checkbox validation using jquery

Question

I'm searching a while for this and I can't found something that works for me.

I have this checkbox:

 <%= Html.CheckBox("cbCodigo") %> <label class="inline" for="Codigo">Codigo</label>
 <%= Html.CheckBox("cbNombreCliente") %> <label class="inline" for="NombreCliente">Nombre del cliente</label>
 <%= Html.CheckBox("cbCiudad") %> <label class="inline" for="Ciudad">Ciudad</label>

I want to validate that only one is checked when a textbox change, something like this, and use .validate of jQuery, I don't what is the best way for validate this.

tbCodCliente is a textbox that I use as a search parameter, and the checkbox is a parameter or a value for the autocomplete function of the textbox

$('#tbCodCliente').change(function() {
     if ($('#cbCodigo').attr('checked', false) &&
          $('#cbNombreCliente').attr('checked', false) &&
          $('#tbCheckbox').attr('checked', false)) {

          // function for validate method          
     }
});

I trying to validate of this way, but I don't know if it is the best way.

EDIT: I want something like this, but still can found how make it works

('#tbCodCliente').change(function() {
    if( $("input:checked").length == 0 ) {
        $("#request-form").validate({
             rules: {
                 checkbox: { 
                     required: 'input[type="checkbox"]:checked',
                     minlength: 1
                 }   
             },
             messages: {
                 checkbox: {"Please check at least one."}
             }
        })        

    }
});

Epuri · Accepted Answer · 2012-03-27 14:09:41Z

2

If these are the only checkboxes available on the page then you can try following jQuery statement to check:

if( $("input:checked").length == 1 )

Edit:

To be more precise, you can change the validation code to following:

$('#tbCodCliente').change(function() {
   if( $("input:checked").length == 1 ) {
       //Do stuff here
   }
});

answered Mar 27, 2012 at 14:09

Epuri

3002 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Alejandro Hinestrosa Over a year ago

thanks!, yes, there are the only checkbox of the form, but how i use the .validate() of jquery?

Shion Over a year ago

And if they're not the only ones, you still are able to refer from the container (via class or id) to it: if( $(".container input:checked").length == 1) { /* ... */ }

Alejandro Hinestrosa Over a year ago

yes!! it helps a lot, i'm still searching how to use .validate() if none checkbox are checked

Epuri Over a year ago

Here is the answer from one of the similar question link

jd_7 Over a year ago

$('input:checkbox[name=name_your_checkbox\[\]]:checked').length == 1

codef0rmer · Accepted Answer · 2012-03-27 14:17:17Z

1

This will uncheck other checkboxes once any single checkbox is checked.

$('input:checkbox').change(function () {
        if (this.checked) {
            $('input:checkbox:not(#'+this.id+')').attr('checked', false);
        }
});

Demo: http://jsfiddle.net/5btfe/

And for single-checkbox-selected check you can refer epuri's answer which is quite correct.

answered Mar 27, 2012 at 14:17

codef0rmer

10.5k9 gold badges55 silver badges78 bronze badges

2 Comments

Alejandro Hinestrosa Over a year ago

yes indeed, thanks!. i want to know how i use .validate of jquery, for show an alert if none of the checkbox is checked

codef0rmer Over a year ago

you can add the above check into a custom method which will be called directly into validate call.stackoverflow.com/questions/241145/…

Collectives™ on Stack Overflow

checkbox validation using jquery

2 Answers 2

5 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related