체크 박스를 전환하는 핫키가 반대로 수행

Question

이 jsFiddle에는 첫 번째 열에 체크 박스가있는 테이블이 있습니다. 테이블 헤더의 마스터 확인란은 클릭 할 때 테이블의 모든 확인란의 상태를 토글하는 것으로 예상대로 작동합니다.

나는 마스터 체크 박스를 전환 할 수 시프트 + X에 대한 단축키를 설정했습니다. 바로 가기 키를 사용하여 원하는 동작은 다음과 같습니다

1. 마스터 확인란이 아이는 각각 자신의 선택 상태가

는하지만 실제로 일어나고있는 것은 반대입니다 마스터 일치하도록 설정 체크 박스

를 토글 ...

1. 아이는 각각 자신의 선택 상태가 마스터
2. 마스터에게 맞게 설정 확인란 R 체크 박스가 여기

토글되어이 대향 마스터 체크 박스의 상태를 체크 갖는 자식 체크 박스 결과 해당 코드

$(".master-select").click(function(){ 
    $(this).closest("table").find("tbody .row-select").prop('checked', this.checked); 
}); 

function tickAllCheckboxes() { 
    var master = $(".master-select").click(); 
} 

//using jquery.hotkeys.js to assign hotkey 
$(document).bind('keydown', 'shift+x', tickAllCheckboxes); 

이다. 왜 그런 일이 일어나는거야? 픽스가 좋을 지 모르지만, 나는 정말로 설명이 끝났으므로 무슨 일이 일어나고 있는지 이해할 수있다.

Answer 1

이

$(".master-select").click(function(){ 
    var checked = true; 
    if(this.checked){ 
     checked = false; 
    } 
    $(this).closest("table").find("tbody .row-select").prop('checked', checked); 
}); 

문제는 당신이 실제로 clicking the checkbox하지만 triggering it 아니라는 것이다보십시오. 당신이 그것을 실행할 때마다 는 SO 체크 박스의 상태는

이 코드를보십시오 ..

당신은 트리거 명시 적으로 수동 클릭에 대한 논리를 처리 할 필요가 있습니다 .. 이전 상태에있을 것입니다 PARAM로`시프트 + x'` 전달

$(".master-select").click(function(e) { 
    var checked; 
    if (e.isTrigger) { // Logic when click is triggered 
     checked = true; 
     if (this.checked) { 
      checked = false; 
     } 
    } 
    else { // Explicit click 
     checked = this.checked; 
    } 

    $(this).closest("table").find("tbody .row-select").prop('checked', checked); 
}); 

Check Fiddle