2016-12-25 14 views
-3

Ich möchte Kontrollkästchen Checkboxen auf 3 begrenzen, ich könnte es nicht tun, wenn Sie helfen können, das wäre ein großer Gefallen.Javascript, Kontrollkästchen geprüft Grenze

 <div class="col-md-4" dir="ltr" ><center> 
<span class="button-checkbox"> 
    <button type="button" style="width:200px;text-align: left;" class="btn" data-color="primary">'.$icon_image.' '.$group.' </button> 
    <input type="checkbox" name="icon[]" value='.$sgid.' /> 
</span> 

Ich habe versucht, etwas zu schreiben, hier ist es, auch die Kontrollkästchen von PHP-Echo werden, damit es auf den MySQL-DB-Daten abhängig ist.

var limit = 3; 
$('input.icon[]').on('change', function(evt) { 
    if($(this).siblings(':checked').length >= limit) { 
     this.checked = false; 
    } 
}); 
+2

1. ich nur ** ** eine Checkbox in Ihrem Beispiel sehen. 2. Wo ist dein JavaScript-Code? Hast du versucht, selbst etwas zu schreiben? – Dekel

+1

Willkommen bei Stack Overflow! Bitte nehmen Sie die [Tour] (http://stackoverflow.com/tour), schauen Sie sich um und lesen Sie die [Hilfe] (http://stackoverflow.com/help), insbesondere [Wie frage ich eine gute Frage?] (http://stackoverflow.com/help/how-to-ask) und [Was kann ich hier fragen?] (http://stackoverflow.com/help/on-topic). Von diesem zweiten Link aus: "Fragen, die nach Hausaufgabenhilfe fragen, müssen eine Zusammenfassung der bisherigen Arbeit enthalten, um das Problem zu lösen, und eine Beschreibung der Schwierigkeit, die Sie bei der Lösung des Problems haben." –

+0

Hallo, Ich habe versucht, hier etwas zu schreiben, es ist – MAH3R

Antwort

1

Ihre Javascript-Funktion wäre wie:

var limit = 3; 
$('input[type=checkbox]').on('change', function(evt) { 
    if($(this).siblings(':checked').length >= limit) { 
     this.checked = false; 
    } 
}); 
+0

Funktioniert leider nicht – MAH3R

+0

Fügen Sie dies innerhalb '$ (document) .ready (function() {...});'? – Hicaro

+0

Oh nein, ich habe nur ein

Verwandte Themen