Javascript alle aktivieren und alle deaktivieren für checkbox
<script type="text/javascript">
function checkAll(formname, checktoggle)
{
var checkboxes = new Array();
checkboxes = document[formname].getElementsByTagName('input');
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type === 'checkbox') {
checkboxes[i].checked = checktoggle;
}
}
}
</script>
<form name="myform">
<li>
<label class="cba">
<a href="javascript:void();" onclick="javascript:checkAll('myform', true);">Check All</a> |
<a href="javascript:void();" onclick="javascript:checkAll('myform', false);">UnCheck All</a>
</label>
</li>
<li>
<input class="cba" type="checkbox" name="content1" value="1"<?php checked('1', $slct); ?>/>
</li>
<li>
<input class="cbc" type="checkbox" name="content2" value="2"<?php checked('2', $copy); ?>/>
</li>
<li>
<input class="cbx" type="checkbox" name="content3" value="3"<?php checked('3', $cut); ?>/>
</li>
</form>
Hallo alle ich habe die toggle-option für das Kontrollkästchen alle aktivieren und alle deaktivieren. Noch jetzt Check all uncheck all (alle abwählen funktioniert nicht ich bekomme die Fehlermeldung in der Konsole während der Anzeige in firebug. Hier ist der screenshot habe ich beigefügt.
Ich bin nicht sicher, was ich getan habe, Fehler.
Jeder Vorschlag wäre toll.
Dank,
vicky
Sehen Sie in das onclick-Funktion, die ich senden Sie den Namen des Formulars durch parameter onclick="javascript:checkAll('myform', true);">
Mit oder ohne jQuery ? Mit jQuery ist es sehr einfach $("#formid input[type='checkbox']").attr("checked","checked"); $("#formid input[type='checkbox']").removeAttr("checked");
Ohne jquery ?
Die Syntax ist falsch, es sollte
Welche version von firefox benutzt du?
Mit oder ohne jQuery ? Mit jQuery ist es sehr einfach $("#formid input[type='checkbox']").attr("checked","checked"); $("#formid input[type='checkbox']").removeAttr("checked");
Ohne jquery ?
Die Syntax ist falsch, es sollte
document.forms[formName].getElementsByTagName("inputs");
Welche version von firefox benutzt du?
document[formname].getElementsByTagName('input')
funktioniert gut für michInformationsquelleAutor Vignesh Pichamani | 2013-07-05
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ihre syntax ist falsch. Ihr fehlt die
.forms
so sollte es Aussehen dieseinput
nichtinputs
, aber guter Punkt +1Danke, ich mache zu viele Tippfehler. Nicht wirklich eine gute Eigenschaft für einen Programmierer! 🙂
InformationsquelleAutor Mark Walters
Schließlich basierend auf dem @Mark Walters Vorschlag, den ich das problem Beheben kann. Hier ist die, die ich geändert, basierend auf seinen Vorschlag.
Vielen Dank für Ihre Hilfe. Happy Day
InformationsquelleAutor Vignesh Pichamani
Javascript-Funktion wechseln (aktivieren/deaktivieren) Sie alle Kontrollkästchen.
var cbs = document.getElementsByTagName('input');for(var i=0; i < cbs.length; i++){if(cbs[i].type == 'checkbox'){cbs[i].checked = true;}}
InformationsquelleAutor Prem Kumar Maurya
Haben, dass die Funktion aufgerufen werden die onclick-Attribut Ihres Kontrollkästchen, um zu überprüfen, alle.
InformationsquelleAutor Black Sea
Versuchen Sie dies:
InformationsquelleAutor golempremier
Für spezielle Checkboxen, können Sie diese verwenden:
}
InformationsquelleAutor Eolia