Checkbox 对象

最新推荐文章于 2024-07-12 16:15:03 发布

淘气宝宝

最新推荐文章于 2024-07-12 16:15:03 发布

阅读量571

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： checked disabled id name className

本文链接：https://blog.youkuaiyun.com/maildocgaojingru/article/details/9792175

javascript 专栏收录该内容

16 篇文章

订阅专栏

<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，否则返回 false
var x = document.getElementById("check1");

alert(x.defaultChecked);    //true

//disabled 属性可设置或返回是否禁用 checkbox

//true是已经禁用
//false是能用

document.getElementById("check1").disabled=true

//id 属性可设置或返回 checkbox 的 id

var 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>