Array Checkbox validation in jquery

Question

I want to validate an Array checkbox using Jquery, but i dont know how validate the checkbox using jquery... this is my code

<div class="col-sm-8">
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='0' id='checkboxvar[]'>L</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='1' id='checkboxvar[]'>M</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='2' id='checkboxvar[]'>Mi</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='3' id='checkboxvar[]'>J</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='4' id='checkboxvar[]'>V</label>
</div>

<script>
 function validate() {
        if($("#checkboxvar").is(':checked')) {
            alert("actived");
        } else {
            alert("No actived");
        }
    }
</script>

Start by not using the same ID for all the elements. Then learn about event handlers — adeneo
– adeneo, Commented Aug 7, 2016 at 15:44
Do you want to be alerted "Activated" if all the checkboxes are checked? — Somenath Sinha
– Somenath Sinha, Commented Aug 7, 2016 at 15:50
just i want validate if anyone checkbox is actived, for proced to save — El Micke
– El Micke, Commented Aug 7, 2016 at 15:58

Saurabh Katiyar · Accepted Answer · 2016-08-07 16:10:16Z

5

You can validate like below:

function validate(){
    if ($('input[name^=checkboxvar]:checked').length <= 0) {
        alert("Not active");
    }else{
        alert("active");
    }
}

answered Aug 7, 2016 at 16:10

Saurabh Katiyar

492 bronze badges

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

1 Comment

Loganathan Natarajan Over a year ago

very useful when we use checkbox names with array

Prakash Thete · Accepted Answer · 2016-08-07 16:02:30Z

First of all remove the id duplication. Id should be unique per page.

Demo : https://jsfiddle.net/Prakash_Thete/bdjue21w/

If you want to check which checkbox is checked on validate you can just apply common class to all of them and then traverse over it and check if any one of them is checked.

Like below

 function validate() {
    $(".checkboxvar").each(function(index){
       if($(this).is(':checked')){
        alert("checked element value : " + + $(this).val());
       } else{
       alert("unchecked element value: " + $(this).val());
       }
 });
 }

Assuming HTML to be like this :

<div class="col-sm-8">
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='0' class='checkboxvar'>L</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='1' class='checkboxvar'>M</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='2' class='checkboxvar'>Mi</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='3' class='checkboxvar'>J</label>
  <label class="checkbox-inline"><input type='checkbox' name='checkboxvar[]' value='4' class='checkboxvar'>V</label>
</div>

Collectives™ on Stack Overflow

Array Checkbox validation in jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related