2014-04-09 2 views
0

li이 현재 checked이고 hidden 인 각 목록 항목 내에서 input 항목의 선택을 취소하려고합니다.숨겨진 입력을 선택 취소 jQuery

DEMO는 http://jsfiddle.net/VHW9U/

$('#mylist input:checked').each(function() { 
    if(!$(this).is(":visible")){ 
     $(this).find("input:checkbox").prop("checked", false); 
    } 
}); 

위의 코드가 작동하지 않습니다, 나는 여러 가지 다른 접근을 시도하고 그들 중 누구도 제대로 작동하지 않습니다. jsfiddle의 소스 코드를 보면 숨겨진 checked

+0

'$ ID로 요소 내부 checkedinput를 얻을. "소품 ((: 숨겨진 입력 '# myList를 리 체크)" "확인, false); ' – epascarello

답변

2

이 표시됩니다.이 체크 박스는 체크 박스 안에 있지 않습니다. $(this).find("input:checkbox"). this 체크 속성을 변경하지 않습니다 체크 박스

$('#mylist input:checked').each(function() { 
    if(!$(this).is(":visible")){ 
     $(this).prop("checked", false); 
    } 
}); 

이 있지만, 속성입니다. DEMO

+0

고마워,이 작품. 양식 제출시 '체크'로 분류됩니까? –

+0

@AlwaysLearning 양식 제출시 확인란의 유효성을 검사하는 방법에 따라 다릅니다. 이'input : checked'와 같은 체크 박스를 검색하면 체크 된 것으로 분류되지 않습니다. – Anton

1

Fiddle Demo

$('#mylist li:hidden input:checked').prop("checked", false); 

$('#mylist li:hidden input:checked')가 숨겨진 li 내부 checkedinput을 얻을 시도하는 ID를 가진 요소 내부 mylist


또는

Fiddle Demo

$('#mylist input:checked:hidden').prop("checked", false); 

$('#mylist input:checked:hidden')mylist

+0

감사합니다. 그러나 소스 코드를 확인해도 여전히 숨겨진 요소가'checked'로 표시됩니까? –

+0

@AlwaysLearning'li' 요소 숨기기 - 마법을 보게됩니다 -> 데모보기 -> http://jsfiddle.net/cse_tushar/AkSNL/1/ –

관련 문제