快捷導(dǎo)航

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

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

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

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

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

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

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

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

2、通過(guò)添加value屬性

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

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

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

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

用到Struts2的<s:radio/>標(biāo)簽時(shí)想給它添加一個(gè)change事件，由于此標(biāo)簽為頁(yè)面自動(dòng)生成一個(gè)radio組，不能像平常那樣控制。網(wǎng)上說(shuō)了一大堆，也沒(méi)找到一個(gè)滿意的。如果像以前那樣給此<s:radio />設(shè)定一個(gè)id，那樣生成的radio組中會(huì)自動(dòng)添加一個(gè)數(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> 

這時(shí)可以借助jquery來(lái)實(shí)現(xiàn)，很簡(jiǎn)單，給此<s:radio/>添加一個(gè)屬性cssClass="filetype"，就會(huì)給每個(gè)radio添加一個(gè)css類(lèi)，上面可以看得出來(lái)，那么接下來(lái)代碼如下所示：

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

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

您可能感興趣的文章: