Переключение переключателя работает только один раз (обновление)?

Question

Я пытаюсь переключить выбор радиокнопки, включенный в таблицу ячеек.

Переключатель работает только один раз для переключателя.

После этого все переключатели отключены, но мой HTML-код кажется правильным; атрибут checked="checked" присутствует.

Почему это не работает?

Вот это JQuery Я использую:

$('td').click(function(){ 
    var $elem = $(this).children('input');    
    var name = $elem.attr('name'); 
    $('input[name='+name+']').each(function(){ 
     $(this).removeAttr('checked');     
    }).promise().done(function(){     
     $elem.attr('checked','checked');    
    }); 
}); 

И изображение:

Answer 1

Вам нужно использовать prop() в настоящее время вы на самом деле удаления атрибута с помощью removeAttr() вместо просто отключив его.

Ниже будет работать:

$('input[name='+name+']').each(function(){ 
    $(this).prop('checked', false);     
}).promise().done(function(){     
    $elem.prop('checked', true);    
});