使用attr()为checkbox添加checked属性使其勾选，无效的问题

项目中有一个需求，是点击一个按钮需要把这一行的复选框给勾上。所以使用了jQuery的attr()这个方法。代码如下

$("#itemstable").on("click",".switchbtn",function(){
                    var index = $.view(this).getIndex();
                    var label = $(".switchbtn").eq(index).text();
                    if($.trim(label) == "正常调度"){
                        $(".switchbtn").eq(index).html("无需调度");
                        //将选框框check去掉，并且让其只读
                         $(".switchbox").eq(index).removeAttr("checked");
                         $(".switchbox").eq(index).attr("disabled","disabled");
                    }else{
                        $(".switchbtn").eq(index).html("正常调度");
                        $(".switchbox").eq(index).removeAttr("disabled");
                        $(".switchbox").eq(index).attr("checked","checked");

} })

测试使用发现，这个disabled属性可以正常操作，这个checked属性移除没有问题，添加的时候，页面元素也被添加了checked属性，但是页面的上的却没有勾选上

在网上查询资料发现，原来为复选框添加checked属性要使用prop()。使用后问题解决啦