三个单选题每题必须选一个答案的表单特效代码

稿源：互联网 2022-04-02 21:40:00 点击： 4183 撤稿纠错

三个单选题每题必须选一个答案，不选则提示第几题没有选!

以下讨论的是和单选表单特效相关的三个单选题每题必须选一个答案的表单特效代码教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Error</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="" onsubmit="return false;">
第一题:
<input name="a1" type="radio" value="" />
<input name="a1" type="radio" value="" />
<input name="a1" type="radio" value="" /><br />
第三题:
<input name="a2" type="radio" value="" />
<input name="a2" type="radio" value="" />
<input name="a2" type="radio" value="" /><br />
第四题:
<input name="a3" type="radio" value="" />
<input name="a3" type="radio" value="" />
<input name="a3" type="radio" value="" />
<br />
<label>
<input type="submit" name="button" id="button" value="提交"/>
</label>
</form>
<script>
function checkRadio(l){
  for(var i=l.length;i--;){
    if(l[i].checked){
      return l[i].value;
    }
  }
  return false;
}
document.getElementById("button").onclick=function(){
  var a= document.getElementsByName("a1");
  if(!checkRadio(a)){
    alert("第一题没选");
  }
  a= document.getElementsByName("a2");
  if(!checkRadio(a)){
    alert("第二题没选");
  }
  a= document.getElementsByName("a3");
  if(!checkRadio(a)){
    alert("第三题没选");
  }
}
</script>
</body>
</html>

关于三个单选题每题必须选一个答案的表单特效代码的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2011092073961.shtml方便下次再访问哦。

·上一篇： 百度有啊通栏图文混排展示的广告代码特效
·下一篇： 使用JS编写面向对象版的放烟花效果代码

三个单选题每题必须选一个答案的表单特效代码

文章分类LIST >>返回首页

最新游戏

最新新闻