Gibt es einen Fehler mit Radiobuttons in jQuery 1.9.1?

Question

Ich habe versucht, Radiobuttons mit jQuery programmatisch auszuwählen, etwas, von dem ich dachte, es wäre so einfach wie das Ändern des geprüften Attributs.

Der folgende Code scheint jedoch nicht das zu tun, was in jQuery 1.9.1 in Chrome/Firefox erwartet wird.

Erwartetes Verhalten: Klicken Sie auf das div um das Optionsfeld -> 'checked' Attribut wird gesetzt -> Renders im DOM markiert.

Tatsächliches Verhalten: Klicken Sie auf das div um das Optionsfeld -> 'checked' Attribut wird gesetzt -> rendert im DOM für die erste und zweite Schaltfläche angeklickt, nachfolgende Schaltflächen werden nicht wie markiert dargestellt.

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));  
}); 

Hier ist ein jsFiddle - http://jsfiddle.net/GL9gC/

ich den gleichen Code mit früheren Versionen von jQuery versucht haben und alles funktioniert wie erwartet.

Answer 1

In diesem Fall sollten Sie prop() anstelle von attr()/removeAttr() verwenden.

Hier ist eine funktionierende jsFiddle.

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/