вход: проверено и переключить () в jquery

Question

В моем jquery у меня есть следующий код, который по некоторым причинам не работает, как я ожидал. При тестировании код не выполняет изменения CSS. Если я удаляю: флажок и просто имею $ («вход»), то CSS работает, но только при нажатии на вход: флажок

$("input :checked").toggle(function() {
    // Stuff to do every *odd* time the element is clicked;
    $(this).siblings('a').css("text-decoration","line-through");
    $(this).siblings('a').css("color","#aaa");
    $(this).parent('li').css("background-color","#ccc");
}, function() {
    // Stuff to do every *even* time the element is clicked;
    $(this).siblings('a').css("text-decoration","none");
    $(this).siblings('a').css("color","");
    $(this).parent('li').css("background-color","");
});

Чего мне не хватает?

Answer 1

Попробуйте это:

$('input:checkbox').click(function() {
    if($(this).is(':checked')) {
      // Stuff to do every *odd* time the element is clicked;
      $(this).siblings('a').css("text-decoration","line-through");
      $(this).siblings('a').css("color","#aaa");
      $(this).parent('li').css("background-color","#ccc");
    } 
    else {
      // Stuff to do every *even* time the element is clicked;
      $(this).siblings('a').css("text-decoration","none");
      $(this).siblings('a').css("color","");
      $(this).parent('li').css("background-color","");
    }
});

Вот jsfiddle для этого: http://jsfiddle.net/AwMf3/

Answer 2

Входные элементы не могут иметь потомков.Может быть, вы имеете в виду input:checked (без пробела)?