首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

平添radio,并将选中的radio值返回给后台ActionSupport相应属性

2013-08-25 
添加radio,并将选中的radio值返回给后台ActionSupport相应属性1. ?设置radio(注:此处用input typeradio

添加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()方法。

热点排行