1顶

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

稿源：互联网 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 >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

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

文章分类LIST >>返回首页

最新游戏

最新新闻