单击按钮通过 Jquery 检查和取消选中多个单选按钮

Question

根据图像，我想选中和取消选中单选按钮，因为它们都存在和不存在。我写了一些代码，但它只工作一次。

$(document).on('click', '#btn_all_absent', function(e){

                $("input:radio[class^=present]").each(function(i) {
                    $(this).attr('checked',false);
                });

                $("input:radio[class^=absent]").each(function(i) {
                    $(this).attr('checked',true);
                });
            }); 


            $(document).on('click', '#btn_all_present', function(e){
                
                $("input:radio[class^=absent]").each(function(i) {
                    $(this).attr('checked',false);
                });

                $("input:radio[class^=present]").each(function(i) {
                    $(this).attr('checked',true);
                });
            }); 

请建议我哪里错了。

Answer 1

用 .prop() 试试这个版本：

$(document).on('click', '#btn_all_absent', function(e){
    $("input:radio[class^=present]").prop('checked', false);
    $("input:radio[class^=absent]").prop('checked', true);
});

$(document).on('click', '#btn_all_present', function(e){
    $("input:radio[class^=absent]").prop('checked', false);
    $("input:radio[class^=present]").prop('checked', true);
});