项目中有一个需求,是点击一个按钮需要把这一行的复选框给勾上。所以使用了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()。使用后问题解决啦