在jquery中输入：checked＆toggle（）

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（没有空间）？