快捷導(dǎo)航

Struts2的s:radio標(biāo)簽使用及用jquery添加change事件

更新時間：2013年04月08日 17:16:28 作者：

用到Struts2的s:radio標(biāo)簽時想給它添加一個change事件，由于此標(biāo)簽為頁面自動生成一個radio組，不可以像正常那樣控制，于是想到用jquery來實現(xiàn)

struts2中s:radio標(biāo)簽的使用總結(jié)

遇到的問題：在使用該標(biāo)簽時，設(shè)置了默認(rèn)選中項，但提交數(shù)據(jù)返回后，單選框不能顯示之前選中的項，仍然為默認(rèn)選項
通過測試得出以下結(jié)論：

以<s:radio name="user.sex" list="%{#{'1':'男','0':'女'}}" theme="simple"></s:radio>為例
在使用s:radio標(biāo)簽的時候，如果要使該標(biāo)簽?zāi)J(rèn)選中一項，可以通過兩種方法
1、通過js代碼實現(xiàn)

復(fù)制代碼代碼如下:

document.getElementsByName('user.sex')[0].checked=true;//默認(rèn)選中男

2、通過添加value屬性

復(fù)制代碼代碼如下:

 
<s:radio name="user.sex" list="%{#{'1':'男','0':'女'}}" value="1" theme="simple"></s:radio> 

在通過value屬性設(shè)置單選框的默認(rèn)選項時，無論何時頁面刷新后單選框的狀態(tài)都是選中該默認(rèn)項
因此，如果要讓數(shù)據(jù)提交后臺后，該單選框仍然是之前選中的項，不能通過value屬性設(shè)置它的默認(rèn)項，應(yīng)該通過第一種方法設(shè)置
此外，后臺能夠正確獲取該單選框的值，而與value的設(shè)置無關(guān)

用jquery給Struts2的<s:radio />標(biāo)簽添加change事件

用到Struts2的<s:radio/>標(biāo)簽時想給它添加一個change事件，由于此標(biāo)簽為頁面自動生成一個radio組，不能像平常那樣控制。網(wǎng)上說了一大堆，也沒找到一個滿意的。如果像以前那樣給此<s:radio />設(shè)定一個id，那樣生成的radio組中會自動添加一個數(shù)字，如：

復(fù)制代碼代碼如下:

 
<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來實現(xiàn)，很簡單，給此<s:radio/>添加一個屬性cssClass="filetype"，就會給每個radio添加一個css類，上面可以看得出來，那么接下來代碼如下所示：

復(fù)制代碼代碼如下:

 
$(function(){ 
$(".filetype").change(function(){ 
var val = $("input[name='file']:checked").val();//獲得選中的radio的值 
if(val=='1'){ 
alert(“是”); 
}else{ 
alert(“否”); 
} 
}); 
}); 

您可能感興趣的文章: