체크박스 Selection_jquery를 구현하는 jQuery 메서드

이 기사의 예에서는 jQuery가 체크박스 선택을 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

전체 선택은 체크박스를 사용하고, 전체 선택 해제는 토글을 사용하면 체크박스에 체크 표시가 되지 않는 문제가 있습니다.

클릭 이벤트를 활용하고 체크된 속성을 기준으로 판단하세요.

예:

$("#chkRreviewOffline").click(function(){ 
  if(this.checked){ 
    $('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){ 
      this.checked=true; 
    }); 
  }else{ 
    $('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){ 
      this.checked=false; 
    }); 
  } 
}); 
$('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){ 
  $(this).click(function(){ 
    if(this.checked){ 
      //console.log('checked'); 
    }else{ 
      //console.log('not checked'); 
      $("#chkRreviewOffline").get(0).checked=false; 
    } 
  }); 
});

그 중 페이지의 다른 체크박스가 선택 취소되었을 때 선택된 체크박스를 모두 취소하려면 다음의 Each() 메소드를 사용합니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.