Ich habe eine dynamische Liste von Kontrollkästchen alle mit der gleichen Klasse. Ich möchte den Submit-Button deaktivieren, bis alle Checkboxen in der Klasse "group1" ausgewählt wurden.Checkboxen nach Klasse alle ausgewählt
Ich möchte auch nur, wenn diese Klasse auf der Seite vorhanden ist. ich tat, war, dass ein Teil auf diese Weise:
<input type="checkbox" class="group1" value="20" />
<input type="checkbox" class="group1" value="15" />
<input type="checkbox" class="group1" value="14" />
if ($(".group1").length > 0) {
//run below code
}
So wie dieser begann ich, aber ich bin nicht sicher, wie zu wissen, wann, alle Kontrollkästchen dieser Klasse ausgewählt sind.
$(document).ready(function() {
$(':input[type="submit"]').prop('disabled', true);
$('input[type="text"]').keyup(function() {
var checkboxes = $('.group1');
if($(this).is(':checked')) {
//if all chekced, enable submit button
$(':input[type="submit"]').prop('disabled', false);
} else {
$(':input[type="submit"]').prop('disabled', true);
}
}
});
});
Ich habe diesen jQuery Array of all selected checkboxes (by class) gesehen, aber als die Klasse von beliebiger Länge sein kann, ich weiß nicht, wie zu überprüfen, ob alle ausgewählt sind.
Könnten Sie diese erweitern zu zeigen, wie sie die OP helfen kann? Es scheint eine halbe Antwort zu sein –
Ich denke, dass Blawless 80% der Antwort hat, nur ein winziger Teil fehlt. Du antwortest sieht wirklich schlau aus ... – Schnatti