JavaScript禁用checkbox与select的代码学习
两种禁用checkbox的方法：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type ="text/javascript">
function x(){
// document.all.cb1.disabled = true;// 方法一
document.getElementsByName("cb1")[0].disabled = true;//方法二
}
</script>
<title>JavaScript禁用checkbox-www.jiaochengji.com</title>
</head>
<body onload = "x()">
<input name ="cb1" type = "checkbox">
</body>
</html>
把方法一修改为：
报错：找不到属性disabled的js
把方法二修改为：
checkbox不会被禁用。
方法一与方法二都不做任何的更改，再加入一个同样的input标签如下：
此时方法一不起作用，方法二正常。
把方法一更换为方法一的更改，就可以了。
说明：
无论以上代码中input标签的个数有多少，document对象的getElementsByName()方法返回的都是标签对象组成的数组，只有通过数组的下标才能取到该标签对象。
方法一种的cb1对象在只有一个时不会构成数组，在确定cb1只有一个的情况下，访问一定不能应用数组的形式，否则取不到该对象，只有在含有多个cb1对象的情况下才能通过数组的形式访问。
你理解了吗？不理解的话，把上面的示例，自己执行一次，根据错误，参照上面的方法修改，然后执行，多操作几次，对于js禁用checkbox的个中原理，你就明白了。
附，jquery 禁用所有select标签的值
代码如下：
$("#changeupdate input").attr("disabled","disabled");
$("#changeupdate select option").attr("disabled","disabled");
$("#Auditingmodify").bind("click",function(){
$("#changeupdate input").attr("disabled","");
$("#changeupdate select option").attr("disabled","");
选择select，然后选择其所有子项option，禁用之即可。
您可能感兴趣的文章：
JavaScript禁用checkbox与select的代码学习
js实现checkbox的全选和全不选
jQuery操作input文本框实例
JS清空table所有行背景色与文本框内容的代码
JQuery禁用radio、select、checkbox的实现代码
Jquery操作radio,checkbox,select表单操作实现代码
jquery写个checkbox——类似邮箱全选功能
javascript禁止网页右键的方法
jQuery checkbox
JQuery 常用操作代码