百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> 一款简单AJAX读取单选框值的方法
分享文章到:

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

发布时间:01/15 来源: 浏览: 关键词:

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;

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有1人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板