1. 设置radio(注:此处用<input type="radio" />而没有用<s:radio/>是为了方便调整radio之间的间距,用css美化布局,而<s:radio/>若要调整radio之间的间距很麻烦)
这里若要将radio的值传给后台Action,需保证radio的name值和ActionSupport属性名相同.
<div id="and-c">
<input type="radio" name="equipmentRange" value="Andriod" οnclick="javascript:getRadioValue('equipmentRange')"/>
</div>
<div id="and-p"></div>
<div id="ios"></div>
<div id="ios-c">
<input type="radio" name="equipmentRange" value="IOS" οnclick="javascript:getRadioValue('equipmentRange')" style="font:'Times New Roman'; font-size:12px;"/>
</div>
<div id="ios-p"></div>
<div id="sms"></div>
<div id="sms-c">
<input type="radio" name="equipmentRange" value="SMS" οnclick="javascript:getRadioValue('equipmentRange')" style="font:'Times New Roman'; font-size:12px;"/>
</div>
<div id="sms-p"></div>
此处radio的name值均相同,表示是一组radio,只能选其一,将其值传给后台的equipmentRange属性。
2. 选中radio时,返回其值
<!-- 获取选中的radio的值 -->
<script type="text/javascript">
function getRadioValue(RadioName){
var obj;
obj=document.getElementsByName(RadioName);
if(obj!=null){
var i;
for(i=0;i<obj.length;i++){
if(obj[i].checked){
return obj[i].value;
}
}
}
return null;
}
</script>
3. Action中须有属性equipmentRange,且有其setter()和getter()方法。