테이블 행을 클릭 할 때 선택란을 선택하거나 선택 취소하십시오.

Question

지금 당장 필자는 테이블 행 안의 각 확인란을 선택하면 필요한 기능 (addClass 및 일부 기능)을 수행하도록 스크립트 설정을했습니다.

개별 테이블 행을 클릭 할 때 확인란을 선택/선택 취소하고 동일한 기능을 수행하고 싶습니다. 여기

체크 박스 기능에 대한 내 코드입니다 :

$('input[type="checkbox"]').bind('click',function(e) { 
     var $this = $(this); 
     if($this.is(':checked')) { 
       num += 1; 
       $('#delete_btn').fadeIn('fast'); 
       $this.parents('tr').addClass('selected'); 
       select_arr.unshift(this.id); 
     } else { 
       num -= 1; 
       if(num <= 0) { 
       $('#delete_btn').fadeOut('fast'); 
       } 
      $this.parents('tr').removeClass('selected'); 
       select_arr.shift(this.id); 
     } 
    }); 

,이 코드는 바로 테이블 행 자체보다는 체크 박스를 클릭하여 수행하는 것과 동일한 결과를 얻을 수있는 가장 좋은 방법이 될 것입니다 무엇하지만, 체크 박스가 계속 작동하도록 허용합니다. 사전에

감사 : 여기

는 테이블입니다.

Answer 1

이 정확한 문제에 대한 훌륭한 리소스를 찾았습니다.

를 체크 아웃 : 그들이 페이지 (예 : 다른 TR 태그에서 뚜렷한되도록

Quick Tip: Click Table Row to Trigger a Checkbox Click

Answer 2

$("tr").click(function(){ 
    $(this).child("input:checkbox").eq(0).click(); 
}); 

당신은 그럴 태그에 클래스를 추가 할 수 있습니다 : < TR 클래스 = " ticketTR "> .. 그냥 사람들에게 클릭 기능을 추가 :::

$("tr.ticketTR").click(function(){ 
    $(this).child("input:checkbox").eq(0).click(); 
});