`

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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics