JavaScript判断单选框或复选框是否选中方法集锦

作者:小括号

时间:2026-10-30

浏览:598

本文介绍了在JavaScript中判断单选框和复选框选中状态的方法。通过getElementsByName获取元素集合,利用checked属性判断是否被选中。示例展示了如何针对单个元素和表单内多个元素进行状态检查,并提供了完整的HTML与JS代码实现。

文章目录

判断单选框或复选框是否选中方法集锦

提示:getElementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。


样例一


<head>


<meta http-equiv="Content-Type" content="text/html; charset=gb2312">


<title>判断单选框或复选框是否选中</title>


</head>



<body>


<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>



提示:getElementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。


</body>


</html>


样例二:



<form name="myform" action="" method="" onsubmit="return check()">


<input type="radio" name="picno" value="1">


<input type="radio" name="picno" value="2">


<input type="radio" name="picno" value="3">


<input type="submit" value="Submit">


</form>


<script language="JavaScript">...


function check()...{


var flag=0


for(i=0;i<myform.picno.length;i++)


if(myform.picno[i].checked==true)...{


flag=1


break


    }

if(!flag)...{


alert("请先选择更换图片的位置")


return false


    }
}

</script>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章