复选框全部选中代码:
<script type="text/javascript">
function CheckAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
if (e.Name != "chkAll"&&e.disabled!=true)
e.checked = form.chkAll.checked;
}
}
</script>
<input name="chkAll" type="checkbox" id="chkAll" οnclick=CheckAll(this.form) value="checkbox">选中/取消所有
判断是否选中任一复选框代码:
<script language="javascript">
function check()
{
len = document.form1.elements.length-1;
for(i=0,num=0;i<len;i++)
{
if(document.form1.elements[i].checked)
{num++;}
}
if(num>0)
return true;
else
{
alert("您未选中任何复选框");
return false;
}
}
</script>
<input name="submit" type="submit" onClick="return check()" value="确定">
----------------------------------------
解决思路:
只需要判断单选、复选框的checked属性,true即为选中,false为不选中。
具体步骤:
代码示例:
<input name="radio1" type="radio" value="test">
<button
onClick=
"alert(’单选项’+(document.getElementsByName(’radio1’)[0].checked?’’:’没有’)+’选中’)">测试</button><br>
<input name="radio1" type="radio" value="test">
<button onClick=
"alert(’单选项’+(document.getElementsByName(’radio1’)[1].checked?’’:’没有’)+’选中’)">测试</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick=
"alert(’多选项’+(document.getElementsByName(’checkbox1’)[0].checked?’’:’没有’)+’选中’)">测试</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick=
"alert(’多选项’+(document.getElementsByName(’checkbox1’)[1].checked?’’:’没有’)+’选中’)">测试</button>
提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。
技巧:document.getElementsByName可以简写为getElementsByName。
特别提示
代码运行后,单选或复选控件旁边的按钮,将弹出一个警告框,提示该按钮左边的单选或复选控件有没有被选中,
<script type="text/javascript">
function CheckAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
if (e.Name != "chkAll"&&e.disabled!=true)
e.checked = form.chkAll.checked;
}
}
</script>
<input name="chkAll" type="checkbox" id="chkAll" οnclick=CheckAll(this.form) value="checkbox">选中/取消所有
判断是否选中任一复选框代码:
<script language="javascript">
function check()
{
len = document.form1.elements.length-1;
for(i=0,num=0;i<len;i++)
{
if(document.form1.elements[i].checked)
{num++;}
}
if(num>0)
return true;
else
{
alert("您未选中任何复选框");
return false;
}
}
</script>
<input name="submit" type="submit" onClick="return check()" value="确定">
----------------------------------------
解决思路:
只需要判断单选、复选框的checked属性,true即为选中,false为不选中。
具体步骤:
代码示例:
<input name="radio1" type="radio" value="test">
<button
onClick=
"alert(’单选项’+(document.getElementsByName(’radio1’)[0].checked?’’:’没有’)+’选中’)">测试</button><br>
<input name="radio1" type="radio" value="test">
<button onClick=
"alert(’单选项’+(document.getElementsByName(’radio1’)[1].checked?’’:’没有’)+’选中’)">测试</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick=
"alert(’多选项’+(document.getElementsByName(’checkbox1’)[0].checked?’’:’没有’)+’选中’)">测试</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick=
"alert(’多选项’+(document.getElementsByName(’checkbox1’)[1].checked?’’:’没有’)+’选中’)">测试</button>
提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。
技巧:document.getElementsByName可以简写为getElementsByName。
特别提示
代码运行后,单选或复选控件旁边的按钮,将弹出一个警告框,提示该按钮左边的单选或复选控件有没有被选中,