`
baobeituping
  • 浏览: 1071547 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

JS判断页面的单选钮在提交FORM之前是否被选中

阅读更多

<script   language="javascript">  
  function   Check()  
  {  
  var   checkNum   =   0;  
  for(i=0;i<document.form1.t1.length;i++)  
  {  
  if(document.form1.t1[i].checked)  
  {  
  checkNum++;  
  }  
  }  
  if(checkNum==0)  
  {  
  return   false;  
  }  
  else  
  {  
   
  return   true;  
  }  
  }  
  </script>  
  <form   name=form1   action="XX.asp"   method="post"   onsubmit="return   Check()">  
  <input   type=radio   name="t1"   value="aa">aa</input><br>  
  <input   type=radio   name="t1"   value="bb">bb</input><br>  
  <input   type="submit"   name=submit   value="提交">  
  </form>  

分享到:
评论

相关推荐

    js简单获取表单中单选按钮值的方法

    为了在JavaScript中获取这些单选按钮的值,我们可以编写一个函数,比如`getValue()`,该函数遍历所有单选按钮,并检查哪些按钮被选中。当选中按钮被找到时,该按钮的值可以被读取并赋值给一个变量。下面是一个实现该...

    Asp.Net中跨页数据提交获取单选按钮的值

    如果是,可以访问RadioButton控件的Checked属性来判断哪个选项被选中。 - 如果是多组单选按钮,可以设置GroupName属性,确保同一组内的单选按钮互斥,然后通过循环遍历同一组的RadioButton控件,获取Checked的...

    用 Javascript 验证表单(form)中的单选(radio)值

    由于其特殊的使用方式,验证单选按钮是否被选中也就有别于其他表单元素。在本文中,我们将深入探讨使用JavaScript验证表单中单选按钮值的方法和技术。 首先,需要了解的是,单选按钮属于HTML表单元素中的input元素...

    单选按钮和多选按钮

    在计算机用户界面设计中,单选按钮(Radio Button)和多选按钮(Checkbox)是两种常见的交互元素,用于用户在一组选项中进行选择。本文将深入探讨这两种按钮的原理、功能以及如何在不同编程环境中实现它们的选中、...

    单选按钮实现性别的选择.rar

    在网页设计和开发中,单选按钮(Radio Button)是一种常用的用户界面元素,它用于让用户在多个选项中选择一个。本教程将详细讲解如何利用HTML、CSS和JavaScript来实现性别选择功能,通过单选按钮让用户提供他们的...

    jQuery表单单选按钮美化制作滑动式单选按钮选择样式美化

    这将使得当单选按钮被选中时,其容器会滑动到全宽,从而显示选中状态。 最后,我们使用jQuery来添加交互性。我们需要监听单选按钮的点击事件,并根据用户的选择更新样式。以下是一个简单的示例: ```javascript $...

    JavaScript判断表单提交时哪个radio按钮被选中的方法

    本文将详细探讨如何使用JavaScript判断表单提交时哪个单选按钮被选中。 首先,我们来看一个实例代码。在这个例子中,我们创建了一个名为 `animalForm` 的表单,包含三个单选按钮,它们的名称(name)都是 ...

    jquery 获取单选按钮的值

    有时你可能想知道某个特定值是否被选中,可以使用`is()`函数: ```javascript var isOption1Selected = $('#option1').is(':checked'); if (isOption1Selected) { console.log('选项1已被选中'); } ``` 4. ...

    js实现不提交表单获取单选按钮值的方法

    本篇文章将深入探讨如何使用JavaScript实现不提交表单就能获取单选按钮的值,以及涉及到的相关页面元素属性操作和鼠标事件。 首先,一个基本的HTML表单通常包含若干输入元素,如文本框、单选按钮等。单选按钮...

    JS获取选中的radio button的值

    在JavaScript中,Radio按钮(通常称为单选按钮)是一种HTML元素,用于在多个选项中让用户选择一个。在网页交互中,我们经常需要获取用户通过Radio按钮做出的选择。本篇文章将详细讲解如何使用JavaScript来获取选中的...

    javascript 单选按钮 单击选中 双击取消选择实现代码

    单选按钮通常被包裹在一个`&lt;form&gt;`元素中,并且它们具有相同的`name`属性,以便在表单提交时,只有同一组中的一个单选按钮可以被选中。单个单选按钮由`&lt;input&gt;`标签定义,并且包含`type="radio"`属性。例如: ```...

    javascript判断单选框或复选框是否选中方法集锦

    在这个示例中,我们首先定义了一个函数 `check()`,该函数用于在表单提交之前检查是否有至少一个单选框被选中。我们通过遍历 `document.myform.picno` 对象数组来实现这一点,并使用一个标志变量 `flag` 来记录是否...

    js获取单选按钮的数据

    在JavaScript(JS)中,获取单选按钮(Radio Button)的数据是常见的操作,尤其是在处理用户交互的表单时。在给定的示例中,我们看到一个简单的HTML表单,包含三个年龄选择的单选按钮,以及一个用于触发JS函数的按钮...

    html5单选框表单提交代码.zip

    这个代码会在表单提交时检查是否有被选中的单选框,如果没有,则阻止提交并弹出警告。 总的来说,"html5单选框表单提交代码.zip"提供的实例涵盖了HTML5表单设计、单选框的使用、表单提交以及可能的JavaScript增强。...

    jsp中radio控件的使用

    本项目展示了如何在JSP页面中使用`radio`控件,结合JavaScript进行用户交互处理,如判断是否选中以及获取选中的`radio`控件的值。 首先,我们来理解`radio`控件的基本结构。在HTML中,`&lt;input&gt;`标签用于创建`radio`...

    Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件

    在这个特定的情况下,我们讨论的是一个定制的下拉树菜单控件——ComboBoxTree,它在ExtJS4中实现了单选和多选功能,并且具备展开选中指定节点的能力。这个控件在实际项目中已经被广泛使用并证明了其稳定性和实用性,...

    JavaScript/HTML—FORM用户输入/提交数据的图形界面

    在JavaScript中,我们可以对这些表单元素进行交互,验证用户输入,或者在提交前做一些额外的操作。例如,我们可以通过DOM(Document Object Model)获取表单元素: ```javascript var inputElement = document....

    类似淘宝的尺寸选择器表单按钮

    在网页设计中,表单是收集用户数据的重要工具,而尺寸选择器是电商网站中常见的一个功能组件,例如淘宝网的尺寸选择。本知识点将详细讲解如何创建一个类似淘宝的尺寸选择器表单按钮,主要涉及到HTML的`&lt;form&gt;`元素、...

    验证radio未选中js

    - `flag`:布尔类型的变量,用于标记单选按钮组内是否有至少一个选项被选中。 - `radionum`:通过获取ID为“radionum”的元素的值,确定需要检查的单选按钮组的数量。 - `form`:获取ID为“form”的HTML表单元素。 ...

Global site tag (gtag.js) - Google Analytics