.attr ("checked", true)가 Jquery 1.7 이상에서 작동하지 않는 이유

Question

이 코드는 jQuery, ver.에서 작동합니다. 1.6

<input type="checkbox" class="radio" value="1" name="sameName" /> 
<input type="checkbox" class="radio" value="1" name="sameName" /> 
<input type="checkbox" class="radio" value="1" name="sameName" /> 

$("input:checkbox").click(function() { 
    if ($(this).attr("checked") === true) { 
     var group = "input:checkbox[name='" + $(this).attr("name") + "']"; 
     $(group).attr("checked", false); 
     $(this).attr("checked", true); 
    } else { 
     $(this).attr("checked", false); 
    } 
});​ 

하지만 나는 늘 작동 jQuery를 1.7의 새로운 방법을 사용하여 코드를 변경하면? 왜? 년의 시간을 주셔서 감사합니다 :

$("input:checkbox").on('click', function() { 
    if ($(this).attr("checked") === true) { 
     var group = "input:checkbox[name='" + $(this).attr("name") + "']"; 
     $(group).attr("checked", false); 
     $(this).attr("checked", true); 
    } else { 
     $(this).attr("checked", false); 
    } 
});​ 

Answer 1

ATTR는 문자열을 반환 단축 할 수있다. 당신의 jQuery .prop에서 jQuery를 1.6

$("input:checkbox").on('click', function() { 
    if (this.checked) { 
     var group = "input:checkbox[name='" + $(this).attr("name") + "']"; 
     $(group).prop("checked", false); 
     $(this).prop("checked", true); 
    } else { 
     $(this).prop("checked", false); 
    } 
});​ 

() 문서

.prop() 메소드가 비활성화 설정하는 데 사용하고 대신 확인해야합니다에 대한 확인 속성을 설정 .prop를 사용한다 .attr() 메소드.

Answer 2

사용 .prop('checked',true) 대신 .attr. 또한

http://api.jquery.com/prop

, if ($(this).attr("checked") === true) 단순히

if ($(this).prop("checked")) { 

Answer 3

코드가 잘못되었습니다. .on() 이벤트는 요소의 컨테이너를 필요로합니다.

그래서 HTML 코드는 다음과 같아야합니다

<div id="chkContainer"> 
    <input type="checkbox" class="radio" value="1" name="sameName" /> 
    <input type="checkbox" class="radio" value="1" name="sameName" /> 
    <input type="checkbox" class="radio" value="1" name="sameName" /> 
</div> 

이 같은 JAVASCRIPT 기능 : http://jsfiddle.net/5xDzv/1/