本文介绍了一种使用JavaScript中的getElementsByName方法来检查HTML表单中单选按钮和复选框是否被选中的方法。通过两个实例展示了如何在点击按钮时反馈这些元素的状态，并且提供了一个验证表单提交前至少有一个单选按钮被选中的示例。
提示：getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。
样例一
<html><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> 提示：getEmementsByName方法的作用是根据 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>
扫一扫
1806
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
