HTML checkbox onclick hat Javascript aufgerufen

Ich bin mit ein wenig Mühe zu versuchen, herauszufinden, wie man einen bestimmten Teil von meinem code zu arbeiten.

<input type="checkbox" id="check_all_1" name="check_all_1" title="Select All" onclick="selectAll(document.wizard_form, this);">
<label for="check_all_1" onclick="toggleCheckbox('check_all_1'); return false;">Select All</label>

Dies ist mein HTML funktioniert, wie es soll (Klick auf den text klicken Sie auf das Feld). Das javascript dafür ist ziemlich einfach:

function toggleCheckbox(id) {
    document.getElementById(id).checked = !document.getElementById(id).checked;
}

Möchte ich aber das onclick passieren, dass der Eingang, wenn das label ist, was macht die checkbox angeklickt werden. In dieser aktuellen Zeit der onClick js nicht gehen. Was ist ein Vorschlag, wie dies zu tun?
Ich versuchte, fügen Sie der onclick-der Eingang zu der onclick des Labels, aber das funktioniert nicht.

Anregungen/Lösungen wäre wunderbar.

InformationsquelleAutor der Frage Craig | 2010-07-07

  1. 52

    Wie über das setzen der checkbox in die labelso dass die Etiketten automatisch "klicken sensibel" für das Kontrollkästchen, und geben Sie die checkbox ein onchange Veranstaltung?

    <label ..... ><input type="checkbox" onchange="toggleCheckbox(this)" .....> 

function toggleCheckbox(element)
 {
   element.checked = !element.checked;
 }

    Diese werden zusätzlich zu fangen die Benutzer über eine Tastatur schalten Sie die Kontrollkästchen, etwas onclick würde nicht.

    InformationsquelleAutor der Antwort Unicron

  2. 1

    Label ohne onclick wird es sich Verhalten, wie man es erwarten würde. Es ändert sich die Eingabe. Was Sie relly ausführen selectAll() wenn Sie auf ein label, richtig?
    Dann nur hinzufügen, wählen Sie alle, um das label onclick. Oder wickeln Sie den Eingang in das label und weisen onclick nur für das label

    <label for="check_all_1" onclick="selectAll(document.wizard_form, this);">
  <input type="checkbox" id="check_all_1" name="check_all_1" title="Select All">
  Select All
</label>

    InformationsquelleAutor der Antwort galambalazs

  3. 0

    Sie können auch extrahieren Sie den Ereignis-code aus dem HTML, wie diese : 

    <input type="checkbox" id="check_all_1" name="check_all_1" title="Select All" />
<label for="check_all_1">Select All</label>

<script>
function selectAll(frmElement, chkElement) {
    //...
}
document.getElementById("check_all_1").onclick = function() {
    selectAll(document.wizard_form, this);
}
</script>

    InformationsquelleAutor der Antwort mexique1

  4. 0

    jQuery hat eine Funktion, die dies tun können:

    1. umfassen das folgende Skript in Ihrem Kopf:

      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

      (oder nur den download jQuery.js Datei-online und lokal)

    2. verwenden Sie dieses Skript, um schalten Sie die check-box bei Eingabe geklickt:

      var toggle = false;
$("#INPUTNAMEHERE").click(function() {
        $("input[type=checkbox]").attr("checked",!toggle);
        toggle = !toggle;
});

    Sollte das tun, was Sie wollen, wenn ich Verstand, was Sie versuchten zu tun.

    InformationsquelleAutor der Antwort rownage

Schreibe einen Kommentar