不管是checkbox（多选）还是radio（单选） 添加checked属性时候建议用prop而不用attr

单选用attr点击一次添加checked="checked"属性，点击第二次页面上才显示选中状态

多选用attr只有第一次点击有效，其余的不会标识为选中状态

 1、单选示例

//html代码      
     
                    
      
                        1                    
                    
      
                        2
                    
      
                        3
                                
     

 

//js代码 $(".check_box").click(function () {            if ($(this).prop("checked") != "checked")            {                $(".check_box").each(function () {                    $(this).removeAttr("checked");                });                $(this).prop("checked", "checked");            }        });

 

///2、多选示例

 

//html代码 全选 
     
                    
      
                        1                    
                    
      
                        2
                    
      
                        3
                                
     

//js代码  $(".check_box").click(function () {            if ($(this).attr("checked") == "checked") {                $(this).removeAttr("checked", "checked");            }            else {                $(this).attr("checked", "checked");            }        });               $(function () {            var click = 0;            $(".check-all").click(function () {                click = click + 1;                if (click % 2 == 1) {                    $(".check_box").prop("checked", "checked");                    $(".check_box").each(function () {                        $(this).attr("checked", "checked");                    });                }                else {                    $(".check_box").removeAttr("checked", "checked");                    $(".check_box").each(function () {                        $(this).removeAttr("checked", "checked");                    });                }            });        });