DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Struts2的s:radio標簽使用及用jquery添加change事件
Struts2的s:radio標簽使用及用jquery添加change事件
編輯:JQuery特效代碼     
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(“否”);
}
});
});
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved