注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

All the splendor in the world is not worth a good friend!! Hello my friend!!

网易考拉推荐

javascript验证单选按钮组是否选中代码  

2010-03-30 16:03:30|  分类: JavaScript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

在一个表单中,有个单选按钮组,本文以男女单选按钮组示例讲解,在客户端验证用户是否对每个选项进行了选择。如果没有选择,则给出相应提示,下面是代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>验证单选按钮组是否选择 IT知道网itwis.com</title>
<script language="javascript">
function  yanzheng(){
  var theCheckboxInputs=document.getElementsByName('gender');
  for(var i=0;i<theCheckboxInputs.length;i++)  
  {  
   if(theCheckboxInputs[i].checked)
     return true;
  }
  alert('您还没有选中其中的一项'); 
  return false;
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="radio" name="gender" id="radio" value="radio" />男
  </label>
  <label>
  <input type="radio" name="gender" id="radio2" value="radio2" />女
  </label>
  <label>
  <input type="submit" name="Submit" value="提交"  onclick="return yanzheng();"/>
  </label>
</form>
</body>
</html>

  评论这张
 
阅读(2291)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017