js 判断checkbox是否选中

最新推荐文章于 2022-07-07 00:21:30 发布

stevenbill

最新推荐文章于 2022-07-07 00:21:30 发布

阅读量556

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： checkbox javascript checked ViewUI

本文链接：https://blog.youkuaiyun.com/stevenbill/article/details/84117858

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

此博客展示了如何使用JavaScript检测HTML页面中的复选框，找出未被选中的复选框，并显示其序号。

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

//第几个没有选
<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="检测">

//第几个没有选
<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="检测">

Java代码
<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>