添加radio,并将选中的radio值返回给后台ActionSupport相应属性
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" onclick="javascript:getRadioValue('equipmentRange')"/> </div> <div id="and-p"></div> <div id="ios"></div> <div id="ios-c"> <input type="radio" name="equipmentRange" value="IOS" onclick="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" onclick="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()方法。