js中获取jsp表单中radio类型的值简单实例


Posted in Javascript onAugust 15, 2016

1、问题的引出:

我们经常需要在js中使用ajax向后台发送请求,在这之前我们需要搜集所需的Form表单参数, 我常常会如此解决,简单省事:

// editBasicDataObjectForm 为 form的id,data的形式为 name1=val1&name2=val2&name3=val3&.....

var data = $("#editBasicDataObjectForm").serialize();

但在一次我需要单独获得表单中radio类型的字段值时,我卡住了。

经过各种查阅,终于有了结果。

2、问题的解决:

2.1   editBasicDataObjectForm.jsp中:

<div calss="baselineType">

  <div class=”baselineTypeLable”>

    <label>基线类型:</albel>

  </div>                    

  <div class=”baselineTypeValue”>

    <input type=”radio” name=”baselineType” id=” baselineType1” value=”1”/>非基线

    <input type=”radio” name=”baselineType” id=”baselineType2” value=”2” />功能基线

    <input type=”radio” name=”baselineType” id=”baselineType3” value=”3” />分配基线

  </div>

</div>

2.2   basicDataObjectOperator.js中:

var baselineType;

var baselineTypeHtmlCol = document.getEementsByName(“baselineType”);

For(var i = 0; I < baselineTypeHtmlCol.length; I ++)

{

If(baselineTypeHtmlCol[i].checked)

{

baselineType = baselineTypeHtmlCol[i].value;
}

}

.................. 
baselineType即为我们所需的值。 n_n

以上这篇js中获取jsp表单中radio类型的值简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
贴一个在Mozilla中常用的Javascript代码
Jan 09 Javascript
判断iframe是否加载完成的完美方法
Jan 07 Javascript
JavaScript 学习笔记二 字符串拼接
Mar 28 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
利用jquery实现瀑布流3种案例
Sep 18 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
Vue 短信验证码组件开发详解
Feb 14 Javascript
js实现截图保存图片功能的代码示例
Feb 16 Javascript
整理关于Bootstrap警示框的慕课笔记
Mar 29 Javascript
分享十三个最佳JavaScript数据网格库
Apr 07 Javascript
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
JavaScript原型链详解
Nov 07 Javascript
卸载安装Node.js与npm过程详解
Aug 15 #Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
Aug 15 #Javascript
浅谈js中字符和数组一些基本算法题
Aug 15 #Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
Aug 15 #Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
Aug 15 #Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 #Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 #Javascript
You might like
php过滤危险html代码
2008/08/18 PHP
巧用php中的array_filter()函数去掉多维空值的代码分享
2012/09/07 PHP
解决PHP curl或file_get_contents下载图片损坏或无法打开的问题
2019/10/11 PHP
JavaScript中的this实例分析
2011/04/28 Javascript
jquery 通过name快速取值示例
2014/01/24 Javascript
JavaScript实现节点的删除与序号重建实例
2015/08/05 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
jQuery实现多级联动下拉列表查询框
2016/01/18 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
2016/08/05 Javascript
浅谈js常用内置方法和对象
2016/09/24 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
js拼接html字符串的注意事项
2016/10/13 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
canvas雪花效果核心代码分享
2017/02/19 Javascript
详解vue中computed 和 watch的异同
2017/06/30 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
JS与SQL方式随机生成高强度密码示例
2018/12/29 Javascript
微信小程序分包加载代码实现方法详解
2019/09/23 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
微信小程序实现左滑删除效果
2020/11/18 Javascript
python字符串对其居中显示的方法
2015/07/11 Python
以视频爬取实例讲解Python爬虫神器Beautiful Soup用法
2016/01/20 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
Python 调用 zabbix api的方法示例
2019/01/06 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
Python 中@property的用法详解
2020/01/15 Python
Tensorflow中的dropout的使用方法
2020/03/13 Python
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
技校生自我鉴定
2013/12/08 职场文书
药店促销活动总结
2014/07/10 职场文书
雷锋电影观后感
2015/06/10 职场文书
升学宴祝酒词
2015/08/11 职场文书
2019各种保证书范文
2019/06/24 职场文书
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python
Python开发五子棋小游戏
2022/04/28 Python
德生TECSUN S-2000使用手册文字版
2022/05/10 无线电