Checkbox 对象

来源:互联网 发布:java支持linux 编辑:程序博客网 时间:2024/05/29 08:05
<html><body><form>I have a bike: <input id="bike" alt="bike" type="checkbox" name="Bike" /><br />I have a car: <input id="check1" alt="car" type="checkbox" name="Car" checked="checked"  class="check1"/><input type="button" onclick="check()" value="Check Checkbox" /><input type="button" onclick="uncheck()" value="Uncheck Checkbox"/></form><script type="text/javascript">//Checkbox 对象//alt 属性可设置或返回浏览器不支持 checkbox 时显示的替代文本/*var x = document.getElementById('bike');alert(x.alt);                //bike//checked 属性设置或返回 checkbox 是否应被选中//true是被选中//false是没有被选中function check(){    document.getElementById("check1").checked=true}function uncheck(){    document.getElementById("check1").checked=false}//defaultChecked 属性可返回 checked 属性的默认值//该属性在 checkbox 默认被选定时返回 true,否则返回 falsevar x = document.getElementById("check1");alert(x.defaultChecked);    //true//disabled 属性可设置或返回是否禁用 checkbox//true是已经禁用//false是能用document.getElementById("check1").disabled=true//id 属性可设置或返回 checkbox 的 idvar x = document.getElementById("check1");alert(x.id);                //check1//name 属性可设置或返回 checkbox 的名称var x = document.getElementById("check1");alert(x.name);                //Car//tabIndex 属性可设置或返回 checkbox 的 tab 键控制次序var x = document.getElementById('check1');alert(x.tabIndex);//type 属性可返回元素的表单类型。对于一个 checkbox 对象,该属性总是返回 "checkbox"var x = document.getElementById("check1");alert(x.type);                //checkbox*///className 属性设置或返回元素的 class 属性var x = document.getElementById("check1");alert(x.className);                //checkbox</script></body></html>