`

radio控制对应select

阅读更多

message.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>推送消息</title>

<link rel="stylesheet" type="text/css" href="resources/css/message.css" />
</head>
<body>
<s:form action="sendMessage.action" theme="simple">
<div class="pages">

  <div class="header">
    	<div id="title"></div>
        <div><a href = "http://localhost:8082/Message/userList?pageNo=1" class="mes-1"></a></div>
        <div><a href = "http://localhost:8082/Message/sendMessageindex" class="mes-2"></a></div>
        <div class="mes-2"></div>
        <div class="mes-3"></div>
        <div class="mes-4"></div>
        <div class="img-h"></div>

	</div>
    <div id="content">
    	<div id="text"></div>
        <div id="textview-t"></div>
        <form>
        <div id="textview-m">
        	<div id="caption-p"></div>
   	  	  <div id="caption">
   	  	        <!-- 获取"标题"中的内容 -->
   	  	        <s:textfield name = "title"/>
            </div>
            <div id="msg-p"></div>
            <div id="msg">
                <!-- 获取"发送内容"中的内容 -->
                <s:textarea name = "content" cols="80" rows="5"/>
            	
          </div>
          <div id="uri-p"></div>
          <div id="uri">
                <!-- 获取"uri"中的内容 -->
                <s:textfield name = "url"/>
            	
          </div>
   	 	</div>
      
       <div id="textview-b"></div>
		   
            <div id="celltype"></div>
            <div id="and"></div>
            <div id="and-c">
            
            <!-- 设置radio -->
                <s:radio name="equipmentRange" list="{'Android' , 'IOS' , 'SMS'}"/>
                
        	</div>
            
            <div id="ios"></div>
	  	  <div id="ios-c">
	  	       
            </div>
          
       	  <div id="sms"></div>
            <div id="sms-c">
              
            </div>
           
     <div id="landiwen">
		<div id="sendtype"></div>
		
		<!-- radio控制相应的select-->
		<script type="text/javascript">
          function test(val){
        	  
        	  <!--  当点击"所有人"radio时,两个下拉框和一个文本框都不可用-->
        	  if(val=='所有人'){
        		  document.forms[0].markUser.disabled = true;
                  document.forms[0].personal.disabled = true;
                  document.forms[0].area.disabled = true;
               }
        	  <!-- 当点击"标签用户"radio时,只有标签用户对应的下拉框可用-->
        	   else if(val=='标签用户'){
        		   document.forms[0].markUser.disabled = false;
                   document.forms[0].personal.disabled = true;
                   document.forms[0].area.disabled = true;
               }
        	  <!-- 当点击"个人"radio时,只有个人对应的文本框都可用-->
        	   else if(val=='个人'){
        		   document.forms[0].markUser.disabled = true;
                   document.forms[0].personal.disabled = false;
                   document.forms[0].area.disabled = true;
        	   }
        	  <!-- 当点击"区域"radio时,只有区域对应的下拉框可用-->
        	   else if(val=='区域'){
        		   document.forms[0].markUser.disabled = true;
                   document.forms[0].personal.disabled = true;
                   document.forms[0].area.disabled = false;
                }
           }
         </script>
         
        <div id="all">
        <!-- 设置radio -->
		<s:radio name="radio" list="{'所有人' ,'标签用户' , '个人','区域'}" onclick="test(this.value)" />
		</div>
		
		 <div id="sel-1">
		 <!-- 设置下拉框 -->
         <s:select  name="markUser" list="{'员工','班长','领导'}" id="markUser"/>
         </div>
         
        <div id="sel-2">
              	<s:textfield name = "personal" id="personal" size="10"/>
         </div>
          
         <div id="sel-3"> 
         <!-- 设置下拉框 -->
           <s:select  name="area" list="{'北翼基站','南翼基站','地面基站'}" id="area" cssStyle="width:100px"/>
          </div>
          
     </div>
        <div id="button-1">
          <input type="submit"  value="" style="width:139px; height:38px;background-image:url('resources/images/message/fasong.png');" />
        </div>
        
        <div id="button-2">
        	 <input type="button"  value="" style="width:139px; height:38px;background-image:url('resources/images/message/quxiao.png');" />
        </div>
      </form>
  </div>
  
  <div id="foot">
    联系我们: 010-62600237@@liangchen@ict.ac.cn
  </div>
</div>
</s:form>
</body>
</html>

 ActionSendMessage

package cn.ict.mp.webservice;

import com.opensymphony.xwork2.ActionSupport;

public class ActionSendMessage extends ActionSupport {

	/**
	 * 
	 */
	private static final long serialVersionUID = -6652169340293756648L;
    private String title;
    private String content;
    private String url;
    private String equipmentRange;
    private String sendRange;
    private String radio;
    private String select;
    private String markUser;
    private String personal;
    private String area;
    
    public String getTitle() {
		return title;
	}

    public void setTitle(String title) {
		this.title = title;
	}

    public String getContent() {
		return content;
	}

    public void setContent(String content) {
		this.content = content;
	}
    public String getUrl() {
		return url;
	}
    public void setUrl(String url) {
		this.url = url;
	}
    public String getEquipmentRange() {
		return equipmentRange;
	}
    public void setEquipmentRange(String equipmentRange) {
		this.equipmentRange = equipmentRange;
	}
    public String getSendRange() {
		return sendRange;
	}
    public void setSendRange(String sendRange) {
		this.sendRange = sendRange;
	}
    public static long getSerialversionuid() {
		return serialVersionUID;
	}


	public String getRadio() {
		return radio;
	}

	public void setRadio(String radio) {
		this.radio = radio;
	}

	public String getSelect() {
		return select;
	}

	public void setSelect(String select) {
		this.select = select;
	}

	public String getMarkUser() {
		return markUser;
	}

	public void setMarkUser(String markUser) {
		this.markUser = markUser;
	}

	public String getPersonal() {
		return personal;
	}

	public void setPersonal(String personal) {
		this.personal = personal;
	}

	public String getArea() {
		return area;
	}

	public void setArea(String area) {
		this.area = area;
	}

	public String execute() throws Exception {
    	
    	System.out.println("标题----------    "+title);
    	System.out.println("通知内容----------    "+content);
    	System.out.println("url地址---------       "+url);
    	System.out.println("设备范围---------"+equipmentRange);
    	if(radio != null){
    		if(radio.equals("所有人"))
        	{
    			radio = "all";
        		sendRange = radio;
        	}
        	else if(radio.equals("标签用户"))
        	{
        		radio = "mark";
        		if(markUser.equals("员工"))
        		{
        			markUser = "markUser1";
        		}
        		else if(markUser.equals("班长"))
        		{
        			markUser = "markUser2";
        		}
        		else if(markUser.equals("领导"))
        		{
        			markUser = "markUser3";
        		}
        		sendRange = radio +":"+ markUser;
        	}
        	else if(radio.equals("个人"))
        	{
        		radio = "personal";
        		sendRange = radio +":"+ personal;
        	}
        	else if(radio.equals("区域"))
        	{
        		radio = "area";
        		if(area.equals("北翼基站")){
        			area = "area1";
        		}
        		else if(area.equals("南翼基站")){
        			area = "area2";
        		}
        		else if(area.equals("地面基站")){
        			area = "area3";
        		}
        		sendRange = radio +":"+ area;
        	}
        	System.out.println("发送范围------------"+sendRange);
    	}
    	return SUCCESS;
		
	}
}

 

分享到:
评论

相关推荐

    Jquery实现select下拉列表根据radio选项级联

    这个功能常用于创建动态表单,其中,用户选择一个radio按钮后,相关的select下拉列表会自动更新其选项,以提供与所选radio按钮对应的关联数据。 首先,我们需要理解HTML结构。在这个场景中,通常会有两个主要元素:...

    LazyForm radio,checkbox,select样式自定义

    在IT行业中,前端开发是至关重要的一环,而表单元素如radio、checkbox和select的样式定制则是提升用户体验和界面美观度的关键。"LazyForm radio,checkbox,select样式自定义"是一个针对这一需求的解决方案,它基于...

    checkbox radio select 样式修改样例

    通过`for`属性将`label`与对应的`input`关联,我们可以操作`label`的样式,从而影响到`checkbox`或`radio`的视觉反馈。 例如,可以这样编写HTML和CSS: ```html 自定义复选框 ``` ```css #myCheckbox { display...

    select checkbox radio项直接赋值jQuery插件

    jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。

    tab切换纯js,select,radio,切换

    本文将详细讲解如何使用纯JavaScript实现Tab切换,以及与之相关的`select`选择器和`radio`单选按钮的切换。 首先,我们来理解Tab切换的基本概念。在HTML结构中,通常会有几个包含不同内容的`div`元素,它们被隐藏或...

    解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

    通过复制element-ui中el-select组件的源码,并做少量修改,给tag添加一个可控制的closable属性,从而实现更加灵活的控制。这种方法虽然灵活,但会增加开发和维护的成本,尤其是当element-ui版本更新时,需要重新...

    struts1.x html标签 radio,checkbox,multibox,select的使用

    Struts1.x是一个经典的Java Web框架,用于构建MVC(模型-视图-控制器)架构的应用程序。在Struts1.x中,HTML标签库提供了一系列的定制化标签,简化了视图层的开发,比如`html:radio`, `html:checkbox`, `...

    关于js获取radio和select的属性并控制的代码

    本文主要介绍了如何使用JavaScript与jQuery库来获取和控制HTML页面中的radio和select元素的属性,并根据用户的选择进行联动变换。文章首先说明了实现的背景和目的,接着详细描述了遇到的问题以及解决方法,并给出了...

    使用Java获取html中Select,radio多选的值方法

    本文将详细介绍如何使用Java从HTML页面中获取Select和Radio多选框的值。 首先,让我们看看HTML部分。在HTML中,`&lt;select&gt;`元素用于创建下拉列表,其中`multiple`属性表示用户可以选择多个选项。例如: ```html ...

    权威实用jsp自定义标签demo<select,checkbox,radio>

    综上所述,“权威实用jsp自定义标签demo&lt;select,checkbox,radio&gt;”教程旨在帮助开发者掌握如何创建和使用与选择器相关的自定义标签,从而提升JSP开发的效率和质量。通过学习这个教程,你可以了解到自定义标签的核心...

    struts2 radio

    通过`struts2(checkbox_radio_select)表单标签的应用及详细事例.doc`文档,你应该能更深入地了解Struts2的`radio`标签如何与其他表单元素(如`checkbox`和`select`)配合工作,以及如何在实际项目中灵活运用。...

    JQuery操作select

    `input[@type=radio][@checked]`则是选择被选中的单选按钮,而`input[@type=checkbox][@checked]`则对应于被选中的复选框。这些选择器使用`@`符号来引用属性。 此外,jQuery还提供了方便的方法来清空、添加或修改...

    VB.radio.button.menu.designed.code.rar_VB radio button_vb菜单

    在VB(Visual Basic)编程环境中,Radio Button控件是一种常用的选择控件,用户只能在一组Radio Buttons中选择一个。在本资源"VB.radio.button.menu.designed.code.rar"中,我们探讨的是如何用VB来设计一个基于Radio...

    Jquery操作Select option整理

    - `$("#chk1").attr("checked", "")` 和 `$("#chk2").attr("checked", true)` 分别取消选中和选中对应的复选框。 #### 四、总结 通过以上示例可以看到,jQuery 提供了丰富的 API 来操作 HTML 元素,特别是 `&lt;select...

    jquery获得select option值

    设置单选按钮的值时,需要确保对应的`value`属性与设置的值相匹配。 5. **设置下拉列表的选中项**: ```javascript $("#sel").val('-sel3'); ``` 使用`.val()`方法可以设置下拉列表的选中值。 ### 六、操作...

    解决layui的radio属性或别的属性没显示出来的问题

    - 如果传入特定的类型参数,如`'select'`或`'radio'`,则只会刷新对应类型的表单元素。 - 这个方法适用于那些因动态插入而未被自动渲染的表单元素,帮助它们恢复正常的显示和功能。 4. **官网解释**: layui官方...

    php selectradio和checkbox默认选择的实现方法详解

    特别是select、radio和checkbox是表单中常用的控件,用于让用户选择一项或者多项信息。这篇文章详细介绍了如何在PHP中设置这些表单元素的默认值。 首先,select元素是一种下拉列表,允许用户从列表中选择一个或多个...

    php select,radio和checkbox默认选择的实现方法

    总结来看,无论是select下拉菜单、radio单选框还是checkbox复选框,实现默认选择的核心原理都是通过在HTML标签中添加特定属性来控制。在PHP中,这通常通过使用条件语句来检查一个变量的值,如果值匹配,则输出相应的...

    VUM9000X02读写控制协议

    4. 参数配置和状态获取:控制协议提供了多种参数配置选项,如设置和返回当前地区码、设置和返回标签的A/ISelect参数和A/IQuery参数、设置和返回当前RF频道、设置FHSS/LBT控制、设置输出功率、设定TxOffset等。...

Global site tag (gtag.js) - Google Analytics