一款简单AJAX读取单选框值的方法

ajax提交处理投票内容中,有一个提取单选框的id值的问题。经过研究,参考网络,终于取得成功。以下为ajax代码片断:
//取得input元素
var e=document.getelementsbytagname("input");
//定义单选框初值,当没有选择任何一个选项时此值有效,用它来作为是否选择单选内容的标志
var item_id="";
for(var i=0;i<e.length;i++){
  //radio为单选框,name单选框名称,实用中根据实际情况作相应更改
  if(e[i].type=="radio"&&e[i].name=="item_id"&&e[i].checked)
  //当选择某一单选框时,取得此框的value值
  item_id=e[i].value;
}
//如果没有选择单选内容,则提示报错
if(item_id==""){
  alert("请选择投票选项!");
  return false;
}else{
  //以下为正常的执行代码,略
}

  以下为更佳的解决方案,经测试顺利通过:
var e=document.getelementsbyname("item_id");
var item_id="";
for(var i=0;i<e.length;i++){
  if(e[i].checked)
  item_id=e[i].value;
}
if(item_id==""){
  alert("请选择投票选项!");
  return false;
}else{
  //以下为正常的执行代码,略
}

  通过代码可以看出,此代码是有针对性地只取name="item_id"的input元素,效率显示高效得多,而且不会出错。

  单个复选框效果采用以下代码处理:
 var f=document.getelementsbyname("isindex");
 var isindex="";
 for(var i=0;i<f.length;i++){
   if(f[i].checked)
   isindex=f[i].value;
 }

    多个复选框效果,估计是一种值的累加了,以下代码没测试过:
isindex=isindex+","+f[i].value;

时间: 2024-09-25 01:58:24

一款简单AJAX读取单选框值的方法的相关文章

php简单获取复选框值的方法_php技巧

本文实例讲述了php简单获取复选框值的方法.分享给大家供大家参考,具体如下: html: <form id="form1" name="form1" method="post" action="checkbox.php"> <input type=checkbox name=checkbox[] value="1"> <input type=checkbox name=chec

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

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

PHP简单获取多个checkbox值的方法_php技巧

本文实例讲述了PHP简单获取多个checkbox值的方法.分享给大家供大家参考,具体如下: HTML页面: <html> <head> </head> <body> <form name="myform" enctype="multipart/form-data" action="index2.php" method="post"> 兴趣爱好:<input ty

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

本文实例讲述了js简单获取表单中单选按钮值的方法.分享给大家供大家参考,具体如下: HTML部分如下: <form> <tr bgcolor="#FFFFFF"> <td width="84" height="23" rowspan="3" align="center" valign="middle" bordercolor="#999999&qu

JavaScript实现动态删除列表框值的方法_javascript技巧

本文实例讲述了JavaScript实现动态删除列表框值的方法.分享给大家供大家参考.具体如下: 使用JavaScript 动态删除列表框中的值,实际运用中可能效果会比较复杂,这只是一个基本功能单元,很多都是在此基础上扩展而来,运行代码点击"删除",会将列表框中的值一一删除,只保留一项数据. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

jquery获取radio单选框值与js获取复选框值代码

<div id="test1">             <input id="radio1" type="radio" name="radio1" value="人">             人             <input id="radio2" type="radio" name="radio1" va

三种取消选中单选框radio的方法_jquery

本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的. <!DOCTYPE HTML> <html> <head> <title>单选按钮取消选中的三种方式</title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jqu

简单ajax读取数据实现代码

function contact(resumeid,issee){ var xmlhttp; try{xmlhttp=new activexobject("msxml2.xmlhttp");} catch (e){  try{xmlhttp=new activexobject("microsoft.xmlhttp");} catch (e){  try{xmlhttp=new xmlhttprequest();}  catch (e){}   }  }  //创建请

三种取消选中单选框radio的方法

 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的. 01 <!DOCTYPE HTML>  02 <html>  03 <head>  04 <title>单选按钮取消选中的三种方式</title>  05 <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.