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

本文介绍了一个较为通用的获取 radio 值的方法,希望对新手有用。

复制代码 代码如下:

<script type="text/javascript">
// 说明: 用 Javascript 验证表单(form)中的单选(radio)值
// 作者: CodeBit
function getRadioValue(radio)
{
if (!radio.length && radio.type.toLowerCase() == 'radio')
{ return (radio.checked)?radio.value:''; }
if (radio[0].tagName.toLowerCase() != 'input' ||
radio[0].type.toLowerCase() != 'radio')
{ return ''; }
var len = radio.length;
for(i=0; i<len; i++)
{
if (radio[i].checked)
{
return radio[i].value;
}
}
return '';
}
</script>

radio 和 checkbox 一样,都是 name 相同,值有多个,在获取 radio 值的时候,我们不能按照普通文本框 .value 的方式,而是要判断哪个被选中了。

当一组 radio 有多个选项时,我们可以通过循环,以 radio[i] 的方式判断某个选项是否被选中来返回值,但是当一组 radio 只有一个选项时,获取值的方式又有变化,代码中以 return (radio.checked)?radio.value:''; 这样的方式直接判断是否选中,然后返回对应值。

上面的代码传入的参数是 radio 对象,如:

复制代码 代码如下:

var radioTest = document.forms['testForm'].elements['radioTest'];
if (getRadioValue(radioTest) == '')
{ ...... }

根据判断结果执行你想要的操作。

时间: 2024-11-09 02:18:56

用 Javascript 验证表单(form)中的单选(radio)值_表单特效的相关文章

c#-asp的web form中,在后台生成了表,怎样让表在网页上显示

问题描述 asp的web form中,在后台生成了表,怎样让表在网页上显示 自己在后台动态生成了一个表,但是在网页上面显示不出来,不知道为什么,表的动态生成写在Page__load()函数中,页面设计如下: <%@Page Language="C#" AutoEventWireup="true" CodeBehind="Reservationa.aspx.cs" Inherits="HT.Reservationa" Ma

function-jquery 如何从函数中获取单选框值

问题描述 jquery 如何从函数中获取单选框值 例如: function aa(date){ <input type='radio' name='" + data.question_id + "' value='" + data.answer_id + "'> } jquery如何获取函数中的单选框值 解决方案 从函数中获取单选框的值 这个问题太奇葩了! 解决方案二: $("input[name='" +data.question_

用 Javascript 验证表单(form)中多选框(checkbox)值_表单特效

本文介绍了一个较为通用的获取 checkbox 值的方法,希望对新手有用. 复制代码 代码如下: <script type="text/javascript"> // 说明: 用 Javascript 验证表单(form)中多选框(checkbox)的值 // 作者: CodeBit function getCheckboxValue(checkbox) { if (!checkbox.length && checkbox.type.toLowerCase(

JavaScript中获取Radio被选中的值_表单特效

原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. <form id="userlist" method="post" action="option.php"> <input type="radio" name="userid" value="1">1 <input type="radio" name=&quo

jsp+表单+sql-jsp中在页面上填写的表单信息,怎么保存到SQL数据库

问题描述 jsp中在页面上填写的表单信息,怎么保存到SQL数据库 我写了一个填写表单的界面,提交后,另一个页面的表格可以获取到相应的数据.但是,我不知道该怎么把 数据保存到数据库中.用了 String sql1 = "insert into LeaveList(country,profession,classes,studentId,name,contact,startdate,enddate,teacher) values ('"+country+"','"+pr

js 提交和设置表单的值_表单特效

<input type="button" id="btnUdf7" name="btnUdf7" style="<%=showUdf7Flag&&showUdfBtn7Flag? "":"display:none;"%>" value=". . ." class="btnLook" style="&quo

jQuery中eq设置radio值实例

定义和用法 :eq() 选择器选取带有指定 index 值的元素. index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1). 经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素(如上面的例子).  代码如下 复制代码 <p> <label for="">性别:</label> <span>     <em>男</em>     <input type="radio

javascript 遍历验证所有文本框的值_表单特效

思路: 大家知道文本框input的type为text,所有我们只要遍历所有input,判断其type是否为text,然后再判断指定字段的值即可达到要求 具体代码如下: 复制代码 代码如下: var aa = document.getElementsByTagName("input"); var bb = 0; for(var i=0;i<aa.length;i++) { var avalue = aa[i].value; var atype = aa[i].type; if(at

asp.net获取HTML表单File中的路径的方法_实用技巧

复制代码 代码如下: #region 上传文件到数据库和服务器 public void FN_UpFiles() { //遍历File表单元素 HttpFileCollection files = HttpContext.Current.Request.Files; try { for (int iFile = 0; iFile < files.Count; iFile++) { //检查文件扩展名字 HttpPostedFile postedFile = files[iFile]; strin