HTML 페이지의 두 부분이 있습니다.
하나는 검색 이고 다른 하나는 테이블입니다.
테이블 내에서 확인란의 ID는 124, 125 ---와 같이 동적으로 생성되며 검색 섹션 아래의 확인란은 id searchcheckboxid입니다.
두 섹션 모두 체크 북을 체크하거나 체크하지 않은 경우 이벤트 핸들러를 구분할 수 있습니까?
테이블 내부에서 확인란을 클릭하면 의미
이 이벤트 핸들러를 호출하고 싶습니다
$(document).on('change','input[type="checkbox"]' ,function(){
alert('Clicked on Table Checkbox');
});
검색 섹션에서 searchcheckboxid를 클릭하면 다른 핸들러를 호출하고 싶습니다.
이 작업을 수행하는 방법을 알려주십시오 ??
테이블의 하위 항목 인 확인란 만 대상으로 선택기를 변경하십시오.
$(document).on('change','table input[type="checkbox"]' ,function(){
alert('Clicked on Table Checkbox');
});
데모 : Fiddle
테이블이 정적이고 행이 동적으로 추가되면 위임 된 처리기를 문서 개체 대신 테이블에 바인딩합니다. 테이블 외부의 모든 변경 이벤트가 핸들러에 의해 무시되므로 성능이 향상됩니다.
$('table').on('change', 'input[type="checkbox"]', function () {
alert('Clicked on Table Checkbox');
});
데모 : Fiddle
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다