Jquery: Umgang mit Kontrollkästchen Klicken Sie auf Ereignis mit JQuery
Ich kann nicht herausfinden, was hier vor sich geht. Ich habe einige geschachtelte Listen von Checkboxen, die ich möchte, um zu überprüfen, wenn die Eltern überprüft. Noch wichtiger ist, ich kann nicht einmal die Warnmeldung zu zeigen. Es ist, als wenn das click-event wird nicht gefeuert. Irgendwelche Ideen?
<script type="text/javascript">
$(document).ready(function() {
$("#part_mapper_list input[type=checkbox]").click(function(){
alert("clicked");
if ($(this).attr("checked") == "checked"){
$(this + " input").attr("checked") = "checked";
} else {
$(this + " input").attr("checked") = "";
}
});
}
</script>
<link rel="stylesheet" href="style.css">
<div>
<ul id="part_mapper_list">
<?php
$makes = array("Audi", "BMW", "Mini", "Porsche", "Volkswagen");
$generations = array("Generation 1", "Generation 2", "Generation 3", "Generation 4", "Generation 5");
$modelclusters = array("Model Cluster 1", "Model Cluster 2", "Model Cluster 3", "Model Cluster 4", "Model Cluster 5");
$cars = array("Car 1", "Car 2", "Car 3", "Car 4", "Car 5");
foreach($makes as $mappermake){
echo "<li id=\"" . $mappermake . "\" class=\"mapper_make\">+<input type=\"checkbox\" name=\"mapper_make\" value=\"" . $mappermake . "\">" . $mappermake . "</input><ul>";
foreach($generations as $mappergen){
echo "<li id=\"" . $mappergen . "\" class=\"mapper_gen\">+<input type=\"checkbox\" name=\"mapper_gen\" value=\"" . $mappergen . "\">" . $mappergen . "</input><ul>";
foreach($modelclusters as $mappermodelcluster){
echo "<li id=\"" . $mappermodelcluster . "\" class=\"mapper_modelcluster\">+<input type=\"checkbox\" name=\"mapper_modelcluster\" value=\"" . $mappermodelcluster . "\">" . $mappermodelcluster . "</input><ul>";
foreach($cars as $mappercar){
echo "<li id=\"" . $mappercar . "\" class=\"mapper_car\"><input type=\"checkbox\" name=\"mapper_car\" value=\"" . $mappercar . "\">" . $mappercar . "</input></li>";
}
echo "</ul></li>";
}
echo "</ul></li>";
}
echo "</ul></li>";
}
?>
<input id="submit_mapping" type="submit">
</div>Bitte teilen Sie Ihre HTML -, weil zumindest sollten Sie die Warnung erhalten mit dem code angezeigt.
können Sie uns die aproper html-markup?
können Sie uns die aproper html-markup?
InformationsquelleAutor wcolbert | 2010-04-15
Schreibe einen Kommentar
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ihnen fehlt eine schließende Klammer ) am Ende des code-Beispiels. Ist das ein copy und paste Fehler oder ist das der Fall in deinem code?
Edit für unten Kommentar:
Ich bin mir nicht ganz sicher, ob ich verstehe, was Sie zu tun versuchen, sondern versuchen, diese ungetestet code.
Ich mag die Art, wie Sie denken! So einfach, warum nicht, denke ich?!?!?! 😀
Es gibt immer eine einfachere Möglichkeit, etwas zu tun! Ich denke einer Weise zu vereinfachen, dass der code weiter (Tipp: $.find()), aber ich bin viel zu faul. Auch, wenn Sie jemals irgendwelche Probleme haben, wie die Warnung nicht angezeigt wird, dann in der Regel bedeutet, dass Sie es vermisst habe, eine Klammer, oder andere kleinere syntax-Fehler. Firebug (firefox-Erweiterung) und JSLint (JS-code-überprüfung website) werden gute erste-Haltestellen für den syntax-Fehler. Happy coding!
InformationsquelleAutor GlenCrawford
Wenn die Warnung nicht feuern könnte es Probleme mit dem HTML-markup, überprüfen Sie bitte, ob es wohlgeformt ist und dass Sie korrekt geschachtelte tags.
Ich wäre sehr hilfreich, wenn Sie können auch posten Sie Ihre HTML-code, für uns zu inspizieren, um das problem.
wenn das markup richtig und gültig sind, direkt auf die aufgegebenen Anwesen des rawdom-Objekt anstelle von Geschenkpapier es mit jquery zu minimieren overhead.
HTML markup.InformationsquelleAutor jerjer
Versuchen Sie Dies:
InformationsquelleAutor Rajiv
versuchen, diese
aktivieren Sie mehrere Kontrollkästchen mit jquery
überprüfen Sie alle Kontrollkästchen mit einem einzelnen Klick
klicken Sie auf auf für mehrere checkbox
wählen Sie alle Kontrollkästchen mit Ereignis onclick
wählen Sie alle Kontrollkästchen mit Kontrollkästchen: "wählen Sie
HTML-CODE
DANN JQUERY-CODE
InformationsquelleAutor SACHIN MOHTE