입력 유형 체크 박스가 부트 스트랩 모달에서 작동하지 않습니다.

Question

부트 스트랩 모달 안의 체크 상자가 작동하지 않는 이유는 무엇입니까?

나는 그것이 작동하기 위해이 코드를 사용하지만 여전히 문제

documentBody.on('click','.checkInp',null,function(e) { 
    var checkbox = $(this).find(":checkbox"), 
    checked = checkbox.is(":checked"); 
    checkbox.prop("checked", !checked); 

}); 

documentBody.on('click','.checkInp :checkbox',null,function(e) { 
    $(this).parent('span').trigger('click'); 

}); 

이 난을 클릭하면 그것의 체크되지는 또는 그것의 확인을 취소하지 않을 경우에는 체크가 나타나지 있습니까? 내가 체크 박스가 체크로 표시되는 스팬 영역을 클릭하거나

의 선택을 취소하면 그러나 여기 내 fiddle

Answer 1

당신이 클릭 이벤트에서 부트 스트랩 조동사 e.preventDefault()을 극복하려고 추측입니다 - 작동하지 이유입니다. 또한 두 가지 사건은 서로에게 강박 관념이있는 것 같습니다.

대신을 시도해보십시오

$('.checkInp input:checkbox').on('click', function(e) { 

    // prevents the event from bubbling up the DOM tree 
    // eg the modal from cancelling the event 
    e.stopImmediatePropagation(); 

    var checked = (e.currentTarget.checked) ? false : true; 
    e.currentTarget.checked=(checked) ? false : checked.toString(); 
}); 

갈래 바이올린 : davidkonrad의 http://jsfiddle.net/AurPX/

Answer 2

해결책은 아주 좋은 것입니다. 레이블 - 태그는 존중하지 않습니다. 여기에 수정 된 버전이 있습니다.

jQuery(".modal input:checkbox,.modal label").on("click", function(e) 
{ 
    e.stopImmediatePropagation(); 
    var element = (e.currentTarget.htmlFor !== undefined) ? e.currentTarget.htmlFor : e.currentTarget; 
    var checked = (element.checked) ? false : true; 
    element.checked = (checked) ? false : checked.toString(); 
}); 

Answer 3

또한이 문제에 직면했습니다.

불행히도 JQuery로 해결하기가 쉽지 않았지만 다른 방법으로 전환해야했습니다.

마지막으로 angularjs가이를 해결했습니다.

시도해보십시오.

<div class="modal fad" 
.... 
<input type="checkbox" class="css-checkbox" ng-checked="checked"> 
</div> 

JS : 그냥 설정이 사실

$scope.checked = 'true';