Checkbox checked 属性
Checkbox 对象
定义和用法
checked 属性设置或返回 checkbox 是否应被选中。
语法
设置 checked 属性:
checkboxObject.checked = true | false
返回 checked 属性:
checkboxObject.checked
浏览器支持
所有主要浏览器都支持 checked 属性
实例
下面的例子可设置该 checkbox 的状态：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蜜蜂教程(mifengjc.com)</title>
<script>
function check() {
document.getElementById("check1").checked = true
}
function uncheck() {
document.getElementById("check1").checked = false
}
</script>
</head>
<body>
<form>
<input type="checkbox" id="check1">你喜欢夏天吗?
</form>
<button onclick="check()">确认选择框</button>
<button onclick="uncheck()">不确认选择框</button>
</body>
</html>
更多实例
Checkbox - 把文本转换为大写
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蜜蜂教程(mifengjc.com)</title>
<script>
function convertToUcase() {
document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();
}
</script>
</head>
<body>
<form name="form1">
第一个名称: <input type="text" id="fname" size="20" value="Donald Duck">
<br><br> 转换为大写
<input type="checkBox" onclick="if(this.checked){convertToUcase()}">
</form>
</body>
</html>
一个表单中的若干个 checkbox
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蜜蜂教程(mifengjc.com)</title>
<script>
function createOrder() {
var coffee = document.forms[0].coffee;
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
if (coffee[i].checked) {
txt = txt + coffee[i].value + " ";
}
}
document.getElementById("order").value = "你点了咖啡: " + txt;
}
</script>
</head>
<body>
<p>你喜欢什么样的咖啡?</p>
<form>
<input type="checkbox" name="coffee" value="加冰">加冰<br>
<input type="checkbox" name="coffee" value="加糖">加糖<br>
<br>
<input type="button" onclick="createOrder()" value="发送订单">
<br><br>
<input type="text" id="order" size="50">
</form>
</body>
</html>
Checkbox 对象