首頁 >web前端 >js教程 >Struts2的s:radio標籤使用及用jquery添加change事件_jquery

Struts2的s:radio標籤使用及用jquery添加change事件_jquery

WBOY
WBOY原創
2016-05-16 17:37:591317瀏覽
struts2中s:radio標籤的使用總結

遇到的問題:在使用該標籤時,設定了預設選取項,但提交資料回傳後,單選框無法顯示之前選取的項,仍為預設選項
透過測試得出以下結論:

為例
在使用s:radio標籤的時候,如果要使該標籤默認選中一項,可以通過兩種方法
1、透過js程式實作
複製程式碼 程式碼如下:

程式碼如下:
docum🎜>document .getElementsByName('user.sex')[0].checked=true;//預設選取男

2、透過新增value屬性複製程式碼
程式碼如下:




透過value屬性設定單一選取框的預設選項時,無論何時頁面刷新後單選框的狀態都是選取該預設項
因此,如果要讓資料提交後台後,該單選框仍然是先前選取的項,不能透過value屬性設定它的預設項,應該透過第一種方法設定
此外,後台能夠正確取得該單選框的值,而與value的設定無關
用jquery給Struts2的標籤加入change事件

用到Struts2的標籤時想給它增加一個change事件,由於此標籤為頁面自動產生一個radio群組,不能像平常那樣控制。網路上說了一大堆,也沒找到一個滿意的。如果像之前那樣給這個設定一個id,那樣產生的radio群組中會自動加上一個數字,如: 複製程式碼
程式碼如下:




這時可以藉助jquery來實現,很簡單,給此加上一個屬性cssClass="filetype",就會在每個radio上加入一個css類,上面可以看得出來,那麼接下來程式碼如下圖: 複製程式碼
程式碼如下:


$(function(){
$(".filetype").change(function(){
var val = $("input[name='file']:checked").val ();//得到選取的radio的值
if(val=='1'){
alert(“是”);
}else{
alert(“否”);
}
});
});
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn