checkbox attr 和 prop ,onclick 事件,

给checkbox 添加默认的勾选,尽量使用 checked=“checked”,不要使用checked=“true”。

<td><input id="checkboxid" type="checkbox" value="valuename" checked="checked"></input></td>

获取所有选中的勾选框:var liston=$('input[checked="checked"]');

设置勾选框不可编辑:$('#'+checkboxid).attr("disabled",true),执行后节点代码会变为:

<td><input id="checkboxid" type="checkbox" value="valuename" checked="checked" disabled="disabled"></input></td>

设置勾选框可编辑:$('#'+checkboxid).attr("disabled",false),执行后节点代码会变为:

<td><input id="checkboxid" type="checkbox" value="valuename" checked="checked" ></input></td>

onclick=“fun(data)”

function fun(data){

  $(data);//为被点击对象;

}

勾选框在被勾选后,其节点代码没有任何变化,要修改代码需要在勾选后修改其属性:

$(data).attr("checked",true),代码会添加checked= "checked" 属性,勾选框状态不变,等同于原生js: data.setAttribute("checked","checked");

$(data).attr("checked",false),代码会删除checked="checked"属性,勾选框状态不变,使用$(data).removeAttr("checked")也可以得到同样的效果,等同于原生js: data.removeAttribute("checked");

$(data).prop("checked",true),代码不变,勾选框会勾上;

$(data).prop("checked",false),代码不变,勾选框会取消;

 

posted @ 2019-01-18 15:50  笔记Next  阅读(580)  评论(0编辑  收藏  举报