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 相关文章推荐
Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
Mar 16 Javascript
jQuery 打造动态下滑菜单实现说明
Apr 15 Javascript
jQuery遍历Form示例代码
Sep 03 Javascript
node.js中的fs.open方法使用说明
Dec 17 Javascript
javascript生成不重复的随机数
Jul 17 Javascript
如何屏蔽防止别的网站嵌入框架代码
Aug 24 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
Nov 04 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
js实现轮播图的两种方式(构造函数、面向对象)
Sep 30 Javascript
JS+CSS实现滚动数字时钟效果
Dec 25 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
Jan 29 Vue.js
卸载安装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
星际争霸 Starcraft 发展史
2020/03/14 星际争霸
ThinkPHP无限级分类原理实现留言与回复功能实例
2014/10/31 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
php插入mysql数据返回id的方法
2018/05/31 PHP
学习YUI.Ext 第三天
2007/03/10 Javascript
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
js解决select下拉选不中问题
2014/10/14 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
JavaScript的RequireJS库入门指南
2015/07/01 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
2016/05/26 Javascript
jQuery实现淡入淡出的模态框
2017/02/09 Javascript
JS鼠标滚动分页效果示例
2017/07/05 Javascript
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
微信小程序中如何计算距离某个节日还有多少天
2019/07/15 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
Openlayers学习之地图比例尺控件
2020/09/28 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
[01:03:41]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第一场 12.17
2020/12/19 DOTA
Python通过select实现异步IO的方法
2015/06/04 Python
python数组过滤实现方法
2015/07/27 Python
Python数组定义方法
2016/04/13 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
django模板结构优化的方法
2019/02/28 Python
Python Django form 组件动态从数据库取choices数据实例
2020/05/19 Python
python 元组和列表的区别
2020/12/30 Python
python3爬虫中多线程进行解锁操作实例
2020/11/25 Python
美国一家全面的在线零售鞋类公司:SHOEBACCA
2017/01/06 全球购物
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
党政领导班子四风问题对照检查材料思想汇报
2014/10/02 职场文书
关于公司年会的开幕词
2016/03/04 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python