jquery - Jqueryの変更がチェックボックスで機能しない

Question

それは何もしません

http://jsfiddle.net/pQFy5/1/

Javascript:

$("option #toggle-clock").on("change", function() {
    $("#clock").fadeToggle(150);
});

HTML:

<div><input id="toggle-clock" type="checkbox" checked/><label for="toggle-clock">Relógio</label></div>
<div id="clock">08:00</div>

---

了解、ありがとう！=D

Answer 1

フィドルはこちら

$("input#toggle-clock").on("change", function() {
    $("#clock").fadeToggle(150);
});

Answer 2

の中に要素はありませんoption。

$('#toggle-clock');

フィドル

Answer 3

1. それは<option>要素ではありません。それは<input>
2. 要素にID属性がある場合、それは常に一意であるため、それを識別するために他に何も必要ありません

変化する

$("option #toggle-clock").on("change", function() {

に

$("#toggle-clock").on("change", function() {