js判断radio是否被选中的简单例子

发布时间:2020-08-06编辑:脚本学堂
本文介绍下,用js判断页面中radio按钮是否被选中的一个例子,有需要的朋友,参考下吧。

一份调查问题中,用radio实现的单选题,这里用js检测是否被选中。
代码如下:

<html>
<head>
<title>
有关radio按钮是否被选中-www.jb200.com</ title>
<script language = "javascript" type = "text/javascript">
<!--
function validate(){
var resualt=false;
for(var i=0;i<document.frmvote.radiobutton.length;i++)
{
  if(document.frmvote.radiobutton[i].checked)
  {
    resualt=true;
  }
}
if(!resualt)
{
  alert(" 为啥不选一个捏~!");
}
return resualt;
}
-->
</ script>
</ head>
<body bgcolor = "#ffffff">
<h1>
有关买房的调查问卷:
</ h1>
<h3>
问题1:如今房价居高不下,
</ h3>
<form method = "post" action = "voteservlet" name = "frmvote" onsubmit = "return(validate())">
<br> <br>
请选择:<br />
<input type = "radio" name = "radiobutton" value = "A" /> A . 拥有一套货一套以上<br />
<input type = "radio" name = "radiobutton" value = "B" /> B . 还没有,不过计划要买<br />
<input type = "radio" name = "radiobutton" value = "C" /> C. 有这个想法,不过 还没有<br />
<input type = "radio" name = "radiobutton" value = "D" /> D. 没有这个 想法,不买房<br />
<input type = "submit" name = "Submit" value = "投票">
<input type = "reset" value = "重新选择">
</form>
</body>
</html>

以将上代码保存为house_vote.html,双击浏览,点击其中的投票按钮,即可检测raido按钮是否选中了。
有问题的,注意看下错误提示,不复杂。

您可能感兴趣的文章:
js 检验(input、radio、checkbox、textarea)必填项的代码
JS验证radio和checkbox是否选中
js判断单选框(radio)是否被选中的例子
JS动态判断radio是否选中的方法
radio和checkbox及php select默认选择的实现代码
js实现radio和select的默认选中
radio实现checkbox效果 再次点击取消选择