2016-08-07 18 views
0

Ich möchte ein Array Checkbox mit JQuery validieren, aber ich weiß nicht, wie die Checkbox bestätigen jquery mit ... dies ist mein CodeArray Checkbox Validierung in jquery

<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> 
+1

Beginnen Sie, indem nicht die gleiche ID für alle Elemente verwenden. Dann erfahren Sie mehr über [event handlers] (https://learn.jquery.com/events/handling-events/) – adeneo

+0

Möchten Sie "Aktiviert" werden, wenn alle Checkboxen aktiviert sind? –

+0

nur ich möchte validieren, wenn jemand Kontrollkästchen aktiviert ist, für den Prozess zu speichern –

Antwort

1

Vor allem die ID Vervielfältigung entfernen. Id sollte pro Seite eindeutig sein.

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

Wenn Sie überprüfen möchten, welche Checkbox auf Validate geprüft ist, können Sie nur gemeinsame Klasse gelten für alle von ihnen und dann über sie Traverse und prüfen, ob einer von ihnen überprüft wird.

Wie unten

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

HTML Unter der Annahme, so sein:

<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> 
+0

Super Antwort, danke Mann, es hat funktioniert –

1
You can validate like below: 

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

danke, es hat funktioniert –