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 相关文章推荐
一个很简单的办法实现TD的加亮效果.
Jun 29 Javascript
扩展jQuery 键盘事件的几个基本方法
Oct 30 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
May 19 Javascript
浅谈jquery上下滑动的注意事项
Oct 13 Javascript
关于jQuery库冲突的完美解决办法
May 20 jQuery
微信小程序 同步请求授权的详解
Aug 04 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
Aug 17 Javascript
JavaScript中工厂函数与构造函数示例详解
May 06 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
JS使用cookie保存用户登录信息操作示例
May 30 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
Dec 13 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
IP138 IP地址查询小偷实现代码
2010/02/15 PHP
一些PHP Coding Tips(php小技巧)[2011/04/02最后更新]
2011/05/02 PHP
PHP调用Linux的命令行执行文件压缩命令
2013/01/27 PHP
解析php取整的几种方式
2013/06/25 PHP
PHP贪婪算法解决0-1背包问题实例分析
2015/03/23 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
php使用socket调用http和smtp协议实例小结
2019/07/26 PHP
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
2013/01/11 Javascript
将json当数据库一样操作的javascript lib
2013/10/28 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
2014/06/29 Javascript
javascript与jquery中的this关键字用法实例分析
2015/12/24 Javascript
微信jssdk在iframe页面失效问题的解决措施
2016/03/03 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
NODE.JS跨域问题的完美解决方案
2016/10/20 Javascript
浅谈Express异步进化史
2017/09/09 Javascript
[50:24]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[54:53]完美世界DOTA2联赛PWL S2 GXR vs PXG 第二场 11.18
2020/11/18 DOTA
flask + pymysql操作Mysql数据库的实例
2017/11/13 Python
Python3 操作符重载方法示例
2017/11/23 Python
利用python和ffmpeg 批量将其他图片转换为.yuv格式的方法
2019/01/08 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
python脚本实现音频m4a格式转成MP3格式的实例代码
2019/10/09 Python
python 安装库几种方法之cmd,anaconda,pycharm详解
2020/04/08 Python
Pytorch通过保存为ONNX模型转TensorRT5的实现
2020/05/25 Python
python代码能做成软件吗
2020/07/24 Python
Python脚本打包成可执行文件过程解析
2020/10/20 Python
美国折扣网站:jClub
2017/08/07 全球购物
迪卡侬荷兰官网:Decathlon荷兰
2017/10/29 全球购物
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
材料化学应届生求职信
2013/10/09 职场文书
我的老师教学反思
2014/05/01 职场文书
2015年手术室工作总结
2015/05/11 职场文书
小区物业管理2015年度工作总结
2015/10/22 职场文书
《狼牙山五壮士》读后感:宁死不屈,视死如归
2019/08/16 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS