jquery webox无法获取到input,checkbox值的解决办法
2014-01-04 10:03
302 查看
最近在做一个项目时需要在需要给用户弹出选择框,让用户选择要选择的商品,所以使用到了jquery webox的插件。
使用非常简单,可以去这里下载,有使用方法点击打开链接
使用过程中问题就出来了,我想获取弹出窗口的值以方便传给后台进行处理,但是却始终无法获取到值,而且只能获取到初始值,最后通过浏览器工具查看动态生成的html代码发现了问题之所在。原因如下
jquery webox的实现原理是 html:$("#box").html(),这句代码的意思就是把你制定的一段html代码放置在他自己的一个<div class="webox"></div>中动态显示,所以使用jquery获取原来的标签中的值是无法获取到的。比如
想显示这一段html到弹出框中,想获取radio哪个被选中
正确的应该是
经过一番折腾后jquery webox弹出框助于可以获取到弹出框的值了
使用非常简单,可以去这里下载,有使用方法点击打开链接
使用过程中问题就出来了,我想获取弹出窗口的值以方便传给后台进行处理,但是却始终无法获取到值,而且只能获取到初始值,最后通过浏览器工具查看动态生成的html代码发现了问题之所在。原因如下
jquery webox的实现原理是 html:$("#box").html(),这句代码的意思就是把你制定的一段html代码放置在他自己的一个<div class="webox"></div>中动态显示,所以使用jquery获取原来的标签中的值是无法获取到的。比如
<div id="box" style="display:none;"> <div class="mainlist" style="text-align: center;margin-top: 20px;"> <input type="radio" value="1" name="flag"/><img src="<%=contextPath %>/img/op_memo_1.png" style="margin-right: 10px"> <input type="radio" value="2" name="flag"/><img src="<%=contextPath %>/img/op_memo_2.png" style="margin-right: 10px"> <input type="radio" value="3" name="flag"/><img src="<%=contextPath %>/img/op_memo_3.png" style="margin-right: 10px"> <input type="radio" value="4" name="flag"/><img src="<%=contextPath %>/img/op_memo_4.png" style="margin-right: 10px"> <input type="radio" value="5" name="flag"/><img src="<%=contextPath %>/img/op_memo_5.png" style="margin-right: 10px"> </div> <div style="text-align: center;margin-top: 15px;"> <a href="javascript:void(0);" class="hideBox button button-rounded button-small" style="font-size:10px;margin-bottom:2px;">取 消</a> <a href="javascript:void(0);" class="okBox button button-rounded button-small" style="font-size:10px;margin-bottom:2px;">确 定</a> </div>
想显示这一段html到弹出框中,想获取radio哪个被选中
$("input[type=radio][name=flag]:checked").val();//无法获取或者获取到默认值
正确的应该是
$(".webox").find("input[type=radio][name=flag]:checked").val();//正确
经过一番折腾后jquery webox弹出框助于可以获取到弹出框的值了
相关文章推荐
- IE7,IE8,上传文件控件input file和asp.net FileUpload控件无法获取完整路径的解决办法
- ahsx一般处理程序无法获取Session的值解决办法
- .net 模板页的 Login页面无法获取用户名的解决办法
- 表单元素与提示文字无法对齐的解决方法(input,checkbox文字对齐)
- js关于无法获取clientHeigth / scrollTop 等值解决办法。 介于DocumentElement与body差别
- Asp.Net 无法获取IIS拾取目录的解决办法[译]
- Android SDK Manager 无法获取SDK列表的解决办法(转)
- 使用svn版本控制器 Google code 无法获取密码解决办法
- 关于Ext checkboxfiled 获取值为 on的解决办法
- 64位Windows 7使用MyEclipse 9.0注册机无法获取System ID的解决办法
- JS在EditPus中无法通过getAttribute()获取class属性---解决办法
- IE中Iframe弹出层 造成无法获取焦点的解决办法
- Jenkins解决无法获取插件的办法
- SCRIPT5007:无法获取未定义或 null 引用的属性“parentNode”的解决办法
- asp.net无法获取kindeditor文本编辑器内容的解决办法
- VirtualBox复制的虚拟机无法获取IP的完美解决办法
- PHP json_encode返回的json前端获取时出现unicode转码和反斜杠\导致无法解析的解决办法
- 移动端开发,IOS、iPhone,表单input元素获取焦点时页面被放大的解决办法。
- .net 2.0 中对于非服务器端的input元素 type为file后台无法获取的问题的解决方法
- 关于 SQL 2005 安装程序无法获取ASPNET账户的系统账户信息 错误解决办法