Có lỗi với nút radio trong jQuery 1.9.1 không?

Question

Tôi đã cố gắng chọn các nút radio có lập trình bằng jQuery, điều tôi nghĩ sẽ đơn giản như thay đổi thuộc tính đã chọn.

Tuy nhiên, đoạn mã sau dường như không làm gì được mong đợi trong jQuery 1.9.1 trong Chrome/Firefox.

Hành vi mong muốn: Nhấp vào div kèm nút radio -> thuộc tính 'đã chọn' được đặt -> hiển thị được chọn trong DOM.

Hành vi thực tế: Nhấp vào nút div kèm nút radio -> thuộc tính 'đã chọn' -> hiển thị được chọn trong DOM cho nút đầu tiên và nút thứ hai, các nút tiếp theo không hiển thị như đã chọn.

jQuery:

$('div.form-type-radio').on('click', function() {  
    var Id = $(this).find('input[type=radio]').attr('id'); 
    $('form input[type=radio]:not(#'+Id+')').removeAttr('checked'); 
    $('#' + Id).attr('checked', 'checked');  
    console.log($('#' + Id));  
}); 

Dưới đây là một jsFiddle - http://jsfiddle.net/GL9gC/

Tôi đã thử đoạn code tương tự với phiên bản trước của jQuery và tất cả các công trình như mong đợi.

Answer 1

Trong trường hợp này, bạn nên sử dụng prop() thay vì attr()/removeAttr().

Dưới đây là một jsFiddle làm việc.

jQuery:

$('div.form-type-radio').on('click', function() { 
    var Id = $(this).find('input[type=radio]').prop('id'); 
    $('form input[type=radio]:not(#'+Id+')').prop('checked'); 
    $('#' + Id).prop('checked', 'checked'); 
    console.log($('#' + Id)); 
}); 

Answer 2

LIVE DEMO

$('div.form-type-radio').on('click', function() {  
    $(this).find(':radio').prop({checked: true}); 
}); 

http://api.jquery.com/prop/