Span Klicken funktioniert Nicht
Warum ist das click-Ereignis nicht ausgelöst wird, hier
HTML
<div class="checkboxBtn">
<span class="cheked" onclick="CheckSelected();"></span>
<input id="23" type="checkbox"></input>
<label>Compare Now </label>
</div>
JS
function CheckSelected() {
alert("");
}
Die checkbox im Bild ist der span-tag
- Die div ist eine slighlty größeren Einheit abdecken der checkbox. Das würde ausgelöst, wenn der Benutzer klickt auf eine beliebige Stelle außerhalb der checkbox zu Recht
- es sei denn, Sie haben css macht das span-cover, das label und input (was ich bezweifle, wenn Sie in der Lage sind, darauf zu klicken), wird der span hat keine Breite oder Höhe, so dass Sie nicht in der Lage sein zu klicken. Warum nicht den Eingang innerhalb der label und dann das styling, sehen, css3 gestylt Checkboxen, oder fügen Sie die checkselected-Funktion, um das übergeordnete div
Du musst angemeldet sein, um einen Kommentar abzugeben.
In den html-Code, es ist nichts eingeschlossen, innerhalb der span-tag, so kann nichts angeklickt werden. Versuchen Sie umschließt den Eingang und label-tags innerhalb des span-tag und Sie sollten in der Lage sein, um Feuer Ihre CheckSelected () - Funktion.
Weil es nichts gibt, in Ihr
<span>
, so ist es von 0px 0px, also da ist nichts (sichtbar) klicken.Auch
<input>
Elemente sind selbstschließend, Sie enthalten keine</input>
.Vielleicht haben Sie gedacht, um wickeln Sie Ihre
<span>
um Ihre<input>
:JSFiddle
Oder Ihr
<span>
um Ihre<input>
:JSFiddle
<input id="23" onchange="CheckSelected();" type="checkbox">