른록노트

[Javascript] function(frm) <-- frm 객체는 아주 좋은놈 label 앞 체크박스 선택방법 본문

Programming/[Javascript]

[Javascript] function(frm) <-- frm 객체는 아주 좋은놈 label 앞 체크박스 선택방법

른록 2017. 10. 23. 16:54

frm 객체를 console로 찍어보면


발생한 event의 이전이나 다음 요소들을 확인할 수 있다.


frm.currentTarget.previousElement 를 사용하여

만약 체크박스를 만들때 옆에 설명 글을 눌러서 체크되게 하려면

이전 객체의 id를 가져와서 사용하게 하는 기능을 사용하면 유용할 것 같다.


var el = $($element);

$(document).ready(function(){

    $('table label').click(function (frm){

       if(el.find('#'+frm.currentTarget.previousElementSibling.id).is(":checked")){

           el.find('#'+frm.currentTarget.previousElementSibling.id).prop('checked',false);

       } else{

           el.find('#'+frm.currentTarget.previousElementSibling.id).prop('checked',true);

       }

    });

})

반응형
Comments