테이블 행의 확인란에 참조를 저장하는 방법은 무엇입니까?

Question

확인란을 선택하면 양식이 표시됩니다. 양식이 취소 된 경우 확인란을 선택 취소하고 싶습니다.

테이블 형식 (두 번째 양식), 체크 박스까지 스크롤을 확인 후, 첫 번째 양식에 가서 취소 버튼을 클릭에

편집 할 수 있습니다. 체크 한 상자로 다시 스크롤하십시오. 표시되는 HTML에서

jsfiddle

, 난 정의

var curRow = $(this).closest('.trow').find('input[type=checkbox]'); 
$("#current-row",curRow); 

CONSOLE.LOG 쇼 :

$("#current-checkbox") 
[<input id=​"current-checkbox" type=​"checkbox" class=​"hidden">​] 

연관된 JS에서

<input id="current-checkbox" type="checkbox" class="hidden" /> 

는 I는 현재의 위치를 ​​저장

취소 폼 JS :

$("#cancel-email").on('click', function (e) { 
    debugger 
    e.preventDefault(); 
    setTimeout(function() { showMessage(1, 'Emails not sent.') }, 2000); 
    setTimeout(function() { hideEmailElems(); }, 2000); 
    $("#current-checkbox").find("input[type=checkbox]").prop("checked", false).focus(); 
}); 

CONSOLE.LOG :

$("#current-checkbox").find("input[type=checkbox]").length 
0 

확인란을 저장 찾으려면 올바른 jQuery를 선택은 무엇입니까?

Answer 1

$("#current-checkbox")은 id에 의한 선택기이기 때문에 하나의 요소 (즉, 체크 박스) 만 선택합니다.

find(selector) 방법을 찾을 수 아이 일치하는 요소 내에서 선택 일치 요소, 즉 체크 박스 요소가 자식 요소를 가지고 있지 않기 때문에, 빈이 경우 $("#current-checkbox").find("input[type=checkbox]") 너무.

따라서 .find() 부분은 필요하지 않습니다. $("#current-checkbox")이면 충분합니다.

유효한 HTML에서 the id attribute은 고유이어야합니다. 따라서 id 선택자는 최대 하나의 요소와 일치합니다.

테이블 행의 확인란에 대한 참조를 저장하는 방법은 무엇입니까?

체크 표시된 체크 박스에 대한 참조를 저장할 필요가 없습니다. 대신 :checked 셀렉터를 사용하여 찾을 수 있습니다.

$("#cancel-email").on('click', function(e) { 
    // Un-check the checked checkbox 
    $(".trow input[type=checkbox]:checked").prop("checked", false); 

    // Hide the E-Mail box 
    $('#main-container').hide(); 
});