2011-07-01 8 views
0

내 jquery에서 나는 예상대로 작동하지 않는 다음과 같은 코드를 가지고 있습니다. 코드를 테스트 할 때 CSS 변경을 수행하지 않습니다. 확인 및 단지 $ ("입력") 다음 CSS의 작품을 가지고 있지만 만 입력의 클릭에 : 나는를 제거하면 체크 박스입력 : jquery에서 체크 & 토글()

$("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",""); 
}); 

내가 놓친 거지 뭐?

+0

당신이 뭘 하려는지 :

여기
$('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입니까? 마크 업을 게시 할 수 있습니까? – Mrchief

+0

간단한 할 일 스타일의 응용 프로그램 – ChrisMJ

+0

'

' – ChrisMJ

답변

3
+0

감사합니다. – ChrisMJ

+0

효과가 있지만 약간 과소합니다. @Karolis의 제안을 사용하여 원본 코드를'$ ("input : checked")'에서'$ ("input : checkbox")'로 변경하면'if' 문이 필요하지 않습니다. –

+0

@Mully : 적은 코드로 jsfiddle을보기를 원할 것입니다! – Mrchief

0

입력 요소에는 하위 항목이 없습니다. 어쩌면 input:checked (공백없이)을 의미할까요?

+0

Ive가 그것을 시도했습니다. 무슨 일이 일어나고 있는지 확실하지 않습니다. – ChrisMJ

관련 문제