用jquery给Struts2的<s:radio />标签添加change事件
2014-10-10 18:36
543 查看
用到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类,上面可以看得出来,那么接下来代码如下所示:
[javascript]
$(function(){
$(".filetype").change(function(){
var val = $("input[name='file']:checked").val();//获得选中的radio的值
if(val=='1'){
alert(“是”);
}else{
alert(“否”);
}
});
});
就可以每次选择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类,上面可以看得出来,那么接下来代码如下所示:
[javascript]
$(function(){
$(".filetype").change(function(){
var val = $("input[name='file']:checked").val();//获得选中的radio的值
if(val=='1'){
alert(“是”);
}else{
alert(“否”);
}
});
});
就可以每次选择radio时进行相应的操作。
相关文章推荐
- 用jquery给Struts2的<s:radio />标签添加change事件
- 关于struts2标签中的<s:param />
- 关于struts2标签中的<s:param />
- struts2的<s:iterator>标签 遇到的问题:java.lang.ClassCastException:cannot be cast to java.lang.String
- jQuery为<input />标签添加“disable”和去除“disable”属性
- Struts2的s:radio标签使用及用jquery添加change事件
- <转> jquery radio 常见操作
- struts2的form等表单布局问题,去掉其自动生成的<table><tr><td>标签
- 更换phpcms后台编辑器自动添加的<div>标签为<P>标签
- struts2在<s:select>用动态标签
- struts2 <s:select><s:radio> 标签用法
- ssh错误总结1.1----关与struts2中极为恶心的<s:action>标签问题
- Struts2中的<s:action>标签
- KindEditor 怎么解决复制内容的时候自动添加的<pre>标签
- struts2中的<sd:datetimepiicker>标签的实现
- Struts2中的<s:action>标签
- Struts2的s:radio标签使用及用jquery添加change事件
- 使用struts2的<s:param>等标签向action传值出现中文乱码的解决方法
- <hr>标签,添加水平横线
- struts2中日期标签的<sx:datatimepicker>的使用