javascript中如何取表单控件的属性
我有一个网页程序需要用到javascript来判断本页面的FORM控件中的checkbox是否选中，请问该如何判断？...
我有一个网页程序需要用到javascript来判断本页面的FORM控件中的checkbox是否选中，请问该如何判断？
展开
展开全部
var boxes = document.getElementsByName("checkboxname");
for(var i=0; i<boxes.length; i++) {
if(boxes[i].checked) {
//被选中该干的事
} else {
//没被选中该干的事
}
}
for(var i=0; i<boxes.length; i++) {
if(boxes[i].checked) {
//被选中该干的事
} else {
//没被选中该干的事
}
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一个checkbox可以用document.getElementById("")来判断，多个checkbox要写循环
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
通过document.all.checkbox名称取得所有的checkbox,然后进行判断
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function checkTest() {
// 取得所有多选框
var allCheck = document.all.testbox ;
// 判断多选框的个数,根据length进行判断
if (allCheck.length == undefined)
{
// 表示只有一个,直接判断是否选中就可以了
if (allCheck.checked)
{
alert("选中");
} else {
alert("没选");
}
} else {
// 表示包含多个,需要循环
// 定义一个临时变量,保存是否有选中的,默认没有
var flag = false ;
for (var i = 0; i < allCheck.length ;i++ )
{
if (allCheck[i].checked)
{
// 如果有任意一个选中,则标志为true
flag = true ;
// 不需要继续判断了,跳出循环
break;
}
}
if (flag)
{
alert("选中");
} else {
alert("没选");
}
}
}
</script>
</HEAD>
<BODY>
<form action="" method="post">
<INPUT TYPE="checkbox" NAME="testbox"> 01
<INPUT TYPE="checkbox" NAME="testbox"> 02
<INPUT TYPE="checkbox" NAME="testbox"> 03
<br>
<INPUT TYPE="button" value="验证" onClick="checkTest();">
</form>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function checkTest() {
// 取得所有多选框
var allCheck = document.all.testbox ;
// 判断多选框的个数,根据length进行判断
if (allCheck.length == undefined)
{
// 表示只有一个,直接判断是否选中就可以了
if (allCheck.checked)
{
alert("选中");
} else {
alert("没选");
}
} else {
// 表示包含多个,需要循环
// 定义一个临时变量,保存是否有选中的,默认没有
var flag = false ;
for (var i = 0; i < allCheck.length ;i++ )
{
if (allCheck[i].checked)
{
// 如果有任意一个选中,则标志为true
flag = true ;
// 不需要继续判断了,跳出循环
break;
}
}
if (flag)
{
alert("选中");
} else {
alert("没选");
}
}
}
</script>
</HEAD>
<BODY>
<form action="" method="post">
<INPUT TYPE="checkbox" NAME="testbox"> 01
<INPUT TYPE="checkbox" NAME="testbox"> 02
<INPUT TYPE="checkbox" NAME="testbox"> 03
<br>
<INPUT TYPE="button" value="验证" onClick="checkTest();">
</form>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
if (allCheck.checked) //如果选中了
{
//就干啥啥啥;
}else{ //如果没选中了
//就干啥啥啥;
}
{
//就干啥啥啥;
}else{ //如果没选中了
//就干啥啥啥;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
