Struts2的s:radio标签使用及用jquery添加change事件


Posted in Javascript onApril 08, 2013

struts2中s:radio标签的使用总结

遇到的问题:在使用该标签时,设置了默认选中项,但提交数据返回后,单选框不能显示之前选中的项,仍然为默认选项
通过测试得出以下结论:

以<s:radio name="user.sex" list="%{#{'1':'男','0':'女'}}" theme="simple"></s:radio>为例
在使用s:radio标签的时候,如果要使该标签默认选中一项,可以通过两种方法
1、通过js代码实现

document.getElementsByName('user.sex')[0].checked=true;//默认选中男

2、通过添加value属性
<s:radio name="user.sex" list="%{#{'1':'男','0':'女'}}" value="1" theme="simple"></s:radio>

在通过value属性设置单选框的默认选项时,无论何时页面刷新后单选框的状态都是选中该默认项
因此,如果要让数据提交后台后,该单选框仍然是之前选中的项,不能通过value属性设置它的默认项,应该通过第一种方法设置
此外,后台能够正确获取该单选框的值,而与value的设置无关

用jquery给Struts2的<s:radio />标签添加change事件

用到Struts2的<s:radio/>标签时想给它添加一个change事件,由于此标签为页面自动生成一个radio组,不能像平常那样控制。网上说了一大堆,也没找到一个满意的。如果像以前那样给此<s:radio />设定一个id,那样生成的radio组中会自动添加一个数字,如:

<input type="radio" name="file" id="upfile_file0" value="0"><label for="upfile_file0">否</label> 
<input type="radio" name="file" id="upfile_file1" checked="checked" value="1" class="filetype"><label for="upfile_file1">是</label>

这时可以借助jquery来实现,很简单,给此<s:radio/>添加一个属性cssClass="filetype",就会给每个radio添加一个css类,上面可以看得出来,那么接下来代码如下所示:
$(function(){ 
$(".filetype").change(function(){ 
var val = $("input[name='file']:checked").val();//获得选中的radio的值 
if(val=='1'){ 
alert(“是”); 
}else{ 
alert(“否”); 
} 
}); 
});
Javascript 相关文章推荐
多浏览器支持的右下角浮动窗口
Apr 01 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
JavaScript中的anchor()方法使用详解
Jun 08 Javascript
javascript实现控制div颜色
Jul 07 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
Sep 26 Javascript
node.js实现快速截图
Aug 27 Javascript
Javascript中字符串replace方法的第二个参数探究
Dec 05 Javascript
JavaScript获取URL参数的方法之一
Mar 24 Javascript
详解AngularJS ui-sref的简单使用
Apr 24 Javascript
浅谈vue中数据双向绑定的实现原理
Sep 14 Javascript
生产制造追溯系统之在线打印功能
Jun 03 Javascript
五分钟搞懂Vuex实用知识(小结)
Aug 12 Javascript
Jquery图片滚动与幻灯片的实例代码
Apr 08 #Javascript
Js动态添加复选框Checkbox的实例方法
Apr 08 #Javascript
JS解决url传值出现中文乱码的另类办法
Apr 08 #Javascript
JS继承--原型链继承和类式继承
Apr 08 #Javascript
原生js实现shift/ctrl/alt按键的获取
Apr 08 #Javascript
原生js实现跨浏览器获取鼠标按键的值
Apr 08 #Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 #Javascript
You might like
VFP与其他应用程序的集成
2006/10/09 PHP
PHP4实际应用经验篇(7)
2006/10/09 PHP
php+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
2007/03/07 PHP
PHP+SQL 注入攻击的技术实现以及预防办法
2010/12/29 PHP
PHP实现根据图片色界在不同位置加水印的方法
2015/08/08 PHP
PHP中FTP相关函数小结
2016/07/15 PHP
自制PHP框架之路由与控制器
2017/05/07 PHP
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
jquery在IE、FF浏览器的差别详细探讨
2013/04/28 Javascript
JS批量操作CSS属性详细解析
2013/12/16 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
JavaScript中document对象使用详解
2015/01/06 Javascript
Jquery遍历Json数据的方法
2015/04/20 Javascript
浅谈angularJS 作用域
2015/07/05 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
详解http访问解析流程原理
2017/10/18 Javascript
Angular父组件调用子组件的方法
2018/04/02 Javascript
js实现二级菜单点击显示当前内容效果
2018/04/28 Javascript
JS实现的排列组合算法示例
2019/07/16 Javascript
jQuery实现动态操作table行
2020/11/23 jQuery
[01:38]完美世界DOTA2联赛PWL S3 集锦第四期
2020/12/21 DOTA
python使用multiprocessing模块实现带回调函数的异步调用方法
2015/04/18 Python
Python HTML解析器BeautifulSoup用法实例详解【爬虫解析器】
2019/04/05 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
详解pandas中iloc, loc和ix的区别和联系
2020/03/09 Python
Selenium启动Chrome时配置选项详解
2020/03/18 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
PyTorch中clone()、detach()及相关扩展详解
2020/12/09 Python
德国BA保镖药房韩文网:kr.ba.de
2017/09/04 全球购物
Hotels.com泰国:酒店预订网站
2019/11/20 全球购物
数学教学随笔感言
2014/02/17 职场文书
安全标语大全
2014/06/10 职场文书
科技节口号
2014/06/19 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
MySQL数据库必备之条件查询语句
2021/10/15 MySQL