CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
不看会后悔的Windows XP之经验谈 简单快捷DIY实用家庭影院
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

如何用javascript控制选择单选框?

楼主tjyihui(一辉)2004-09-03 20:32:17 在 Web 开发 / JavaScript 提问

<form   method="post"   action="1.php"   name="word">  
  <input   type="radio"   name="title"   value="a">  
  <input   type="radio"   name="title"   value="b">  
  <input   type="radio"   name="title"   value="c">  
  <input   type="submit"   name="add"   value="提交">  
  </form>  
  请问如何用javascript控制用户必须在上面三个单选框中选择一个才能进行提交呢?否则就会弹出一个对话框“提示你必须先进行选择才能提交!”  
  问题点数:20、回复次数:3Top

1 楼woyingjie(Hobo)回复于 2004-09-03 20:39:57 得分 10

<form   method="post"   action="1.php"   name="word"   onsubmit=return(woyingjie(this))>  
  <input   type="radio"   name="title"   value="a">  
  <input   type="radio"   name="title"   value="b">  
  <input   type="radio"   name="title"   value="c">  
  <input   type="submit"   name="add"   value="提交">  
  </form>  
   
  <script>  
  function   woyingjie(o){  
  for(i=0;i<o.title.length;i++){  
  if(o.title[i].checked){  
  return   true;  
  }  
  }  
  alert("请选择一个");  
  return   false;  
  }  
  </script>Top

2 楼woyingjie(Hobo)回复于 2004-09-03 20:40:48 得分 5

其实更简单的方法就是  
   
  <form   method="post"   action="1.php"   name="word">  
  <input   type="radio"   name="title"   value="a"   checked>  
  <input   type="radio"   name="title"   value="b">  
  <input   type="radio"   name="title"   value="c">  
  <input   type="submit"   name="add"   value="提交">  
  </form>Top

3 楼zltostem(五湖沸人)回复于 2004-09-03 20:53:00 得分 5

<script   language="javascript">  
  <!--  
      function   funcheck()  
      {  
          var   str;  
          for(var   i=0;i<document.all.length;i++)  
          {  
              if(document.all(i).type   ==   'radio'   &&   document.all(i).checked   ==   true)   str   =   '1';  
          }  
          if(str   !=   '1')   {alert('请选择一个radio!');return   false;}  
          else   {word.submit();}  
           
      }  
  //-->  
  </script>  
   
  <form   method="post"   action="1.php"   name="word">  
  <input   type="radio"   name="title"   value="a">  
  <input   type="radio"   name="title"   value="b">  
  <input   type="radio"   name="title"   value="c">  
  <input   type="button"   name="add"   value="提交"   onclick="funcheck();">  
  </form>  
  Top

相关问题

  • 用javascript来控制单选按钮
  • 用javascript控制单选框值的显示,为什么说我没执行呢?????
  • 由一个复选框控制两个单选框的问题,
  • 关于单选框的控制问题~大家帮下忙~
  • 单选框
  • 单选框
  • 如何在javascript中得到单选框的值
  • 用javascript怎么取得单选框的选中值?
  • 请教:如何用javascript验证单选框是否选中?
  • 请教:如何用javascript验证单选框是否选中?

关键词

  • 选择
  • javascript
  • 单选框
  • 提交
  • 用javascript
  • 才能

得分解答快速导航

  • 帖主:tjyihui
  • woyingjie
  • woyingjie
  • zltostem

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo