Javascript判断多选框checkbox和单选钮是否选中-优快云博客

本文介绍了一种使用JavaScript来检测HTML页面上哪些复选框未被选中的方法。通过简单的脚本，可以逐个检查指定名称的复选框，并提示用户未选中的选项编号，有助于改善用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[code]//第几个没有选
<input type="checkbox" name="checkbox1" checked>
<input type="checkbox" name="checkbox1">
<input type="checkbox" name="checkbox1" checked>
<input type="checkbox" name="checkbox1">
<input type="checkbox" name="checkbox1">
<script language=javascript>
function check(obj)
{

for(i=0;i<document.all(obj).length;i++)
{
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")
}
}
</script>
<input type=button onclick="check('checkbox1')" value="检测">

//一个也没有选

<input type="checkbox" name="test">
<input type="checkbox" name="test">
<input type="checkbox" name="test">
<input type="checkbox" name="test">
<input type="checkbox" name="test">
<Script Language="JavaScript">
function check(obj){
for(i=0;i<document.all(obj).length;i++){
if(document.all(obj)(i).checked){
return;
}
}
window.alert('一个也没有选！');
}
</Script>
<input type=button onclick="check('test');" value="检测"> [/code]

[code]<script language="javascript">
function checkme()
{ var checkmemberid;//定义团员
var checkcontentid;//定义文章
checkmemberid=false;
checkcontentid=false;
//判断团员是否选中
if (document.all.memberid.checked==true)//只有一个单选钮的情况
{
checkmemberid=true;

}
for(i=0;i<document.all.memberid.length;i++)//有一组单选钮的情况
{
if(document.all.memberid(i).checked)
{
checkmemberid=true;
}
}
//判断文章是否选中
if (document.all.contentid.checked==true)//只有一个单选钮的情况
{
checkcontentid=true;
}
for(i=0;i<document.all.contentid.length;i++)//有一组单选钮的情况
{
if(document.all.contentid(i).checked)
{
checkcontentid=true;
}
}
//将结果返回
if (checkmemberid==false)
{ window.alert("请选择团员!");
return false;
}
else if(checkcontentid==false)
{
window.alert("请选择文章!");
return false;
}
return true;

}

</script>
[/code]