html_checkbox示例

最新推荐文章于 2024-09-10 12:58:32 发布

38度秋裤

最新推荐文章于 2024-09-10 12:58:32 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/u010452908/article/details/43677581

版权

package com.qingyuan.httpclient;

public class AllServerInfo
{
    private String ip;
    
    private String port;
    
    private String contextPath;
    
    private String clusterName;
    
    private String serverType;
    
    private String lastActivityTime;
    
    private String activity;
    
    private String description;
    
    public String getIp()
    {
        return ip;
    }
    
    public void setIp(String ip)
    {
        this.ip = ip;
    }
    
    public String getPort()
    {
        return port;
    }
    
    public void setPort(String port)
    {
        this.port = port;
    }
    
    public String getContextPath()
    {
        return contextPath;
    }
    
    public void setContextPath(String contextPath)
    {
        this.contextPath = contextPath;
    }
    
    public String getClusterName()
    {
        return clusterName;
    }
    
    public void setClusterName(String clusterName)
    {
        this.clusterName = clusterName;
    }
    
    public String getServerType()
    {
        return serverType;
    }
    
    public void setServerType(String serverType)
    {
        this.serverType = serverType;
    }
    
    public String getLastActivityTime()
    {
        return lastActivityTime;
    }
    
    public void setLastActivityTime(String lastActivityTime)
    {
        this.lastActivityTime = lastActivityTime;
    }
    
    public String getActivity()
    {
        return activity;
    }
    
    public void setActivity(String activity)
    {
        this.activity = activity;
    }
    
    public String getDescription()
    {
        return description;
    }
    
    public void setDescription(String description)
    {
        this.description = description;
    }
    
    public AllServerInfo()
    {
        
    }
    
    public AllServerInfo(String ip, String port, String contextPath, String clusterName, String serverType,
        String lastActivityTime, String activity, String description)
    {
        super();
        this.ip = ip;
        this.port = port;
        this.contextPath = contextPath;
        this.clusterName = clusterName;
        this.serverType = serverType;
        this.lastActivityTime = lastActivityTime;
        this.activity = activity;
        this.description = description;
    }

    public String toString()
    {
        return "";
    }
}


package com.qingyuan.httpclient;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ServerInfoServlet extends HttpServlet
{
    
    /** serialVersionUID */
    private static final long serialVersionUID = -8367229371456636932L;

   
    public void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException
    {
        
        response.setContentType("text/html");
        PrintWriter out = response.getWriter();
        out.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
        this.doPost(request, response);
    }
    
    public void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException
    {
        
        response.setContentType("text/html;charset=gbk");
        PrintWriter out = response.getWriter();
        List<AllServerInfo> arrayList = new ArrayList<AllServerInfo>();
        AllServerInfo server = new AllServerInfo("25.111.108.133","8080","ddc","ddc","timer","2015-01-04","active","");
        AllServerInfo server2 = new AllServerInfo("25.111.108.197","8080","ddc","ddc","json","2015-01-04","inactive","");
        AllServerInfo server3 = new AllServerInfo("25.111.108.112","8080","ddc","ddc","ajax","2015-01-04","inactive","");
        AllServerInfo server4 = new AllServerInfo("25.111.108.113","8080","ddc","ddc","ajax","2015-01-04","inactive","");
        AllServerInfo server5 = new AllServerInfo("25.111.108.114","8080","ddc","ddc","json","2015-01-04","inactive","");
        AllServerInfo server6 = new AllServerInfo("25.111.108.115","8080","ddc","ddc","ajax","2015-01-04","inactive","");
        arrayList.add(server);arrayList.add(server2);arrayList.add(server3);
        arrayList.add(server4);arrayList.add(server5);arrayList.add(server6);
        request.setAttribute("allserver", arrayList);
        RequestDispatcher dispatcher = request.getRequestDispatcher("/server.jsp"); 
        dispatcher .forward(request, response); 
    }
    
}

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="com.qingyuan.httpclient.AllServerInfo"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <script type="text/javascript">
        
	    function selectServer()
		{
			var server = new Object();
			var ipStr ="";
			var inputs = document.getElementsByTagName("input");
			for(var i=0;i<inputs.length;i++)
			{
	 				var obj = inputs[i];
	 				if (obj.type == 'checkbox' && obj.checked&&obj.ip != null && obj.ip !="")
	 				{
	 					var port ="8080";
	 					if(obj.port != null && obj.port != "")
	 					{
	 						port = obj.port;
	 					}
	    				ipStr =ipStr+obj.ip+","+port+";";
	 				}
			}
	    	        alert(ipStr);
		 	if(ipStr!=null && ipStr!="")
			{
				ipStr = ipStr.substr(ipStr,ipStr.length-1);
			}
			else
			{
				alert("choose server！");
				return false;
			}
			server.ipStr = ipStr;
			window.returnValue = server;
		    window.close();
		}
    
      function checkServer(ServerType, obj)
      {
        var check = obj.checked;
        var inputs = document.getElementsByTagName("input");
        var serverTypes = document.getElementsByName(ServerType);
        
        for (var i = 0; i < inputs.length; i++)
        {
           serverTypes[i].checked = check;
           
           // 获取Dom对象的自定义属性
           alert(serverTypes[i].ip + ":" + serverTypes[i].port);
        }
      }
      
      function checkAllServer(inputObj)
      {
         var check = inputObj.checked;
         var inputs = document.getElementsByTagName("input");
         for (var i = 0; i < inputs.length; i++)
         {
            var obj = inputs[i];
            if (obj.type == 'checkbox')
            {
               obj.checked = check;
            }
         }
      
       }
    </script>
  </head>
  
  <body>
     <table id="serverList" style="display: block;align: center cellspacing="0" 
     cellpadding="0" width="98%" align="center" border="0"">
	  <tr>
	  <td>
	    <input id="checkAllserverBox" type="checkbox" οnclick="javascript:checkAllServer(this);">
	  </td>
	  <td>ip address</td><td>port</td><td>context</td>
	  <td>clustername</td><td>servertype</td><td>lastacitvetime</td>
	  <td>active</td><td>description</td>
	  </tr>
	   
	  <%
	       Map<String,Integer>  map = new HashMap<String,Integer>();
		   List<AllServerInfo> remoteServers = (List<AllServerInfo>)request.getAttribute("allserver");
	     
	       for (int i =0; i < remoteServers.size(); i++)
	       { %>
	        <tr>
	        <!-- 展示行的第一列 begin -->
	        <td><input id="serverType" type="checkbox" 
	                ip ="<%=remoteServers.get(i).getIp()%>"  
	                port="<%=remoteServers.get(i).getPort()%>" 
	                name="<%=remoteServers.get(i).getServerType()%>"></td>	
	        <!-- 展示行的第一列 end -->
	        <td><%=remoteServers.get(i).getIp()%></td>
			<td><%=remoteServers.get(i).getPort()%></td>
			<td><%=remoteServers.get(i).getContextPath()%></td>
			<td><%=remoteServers.get(i).getClusterName()%></td>
	        <td>
	            <%
	               String serverType = remoteServers.get(i).getServerType();
				        if (serverType == null)
				        {
				            serverType = " ";
				        }
				        Integer num = map.get(serverType);
				        if(num == null)
				        {
				            num = 1;
				        }
				        else
				        {
				            num = num +1;
				            
				        }
				        
				        map.put(serverType,num);
				        out.print(serverType);
	             %>
	        </td>  
	        <td><%=remoteServers.get(i).getLastActivityTime()%></td>
	        <td><%=remoteServers.get(i).getActivity()%></td>
	        <td><%=remoteServers.get(i).getDescription()%></td>
	        </tr>
	         <% } %>
	        <tr>
			<td colspan="10" align="right">
				totalrecords: <font color="green"><%=remoteServers.size()%></font>
				<%
				    for(Map.Entry entry : map.entrySet())
				    {
			    %>
				   <%=entry.getKey()%>: <font color="green"><%= entry.getValue()%></font>
			    <%
				    }				 
			    %>
			</td>
		    </tr>
	  
	  
	 </table>
	 <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0">
		<tr>
		<td width="500px">
				servertype:
				<%
					for(Map.Entry entry : map.entrySet())
					{
					 %>
					 	<input id="checkServerCheckBox" type="checkbox" 
					 	       name="<%=entry.getKey() %>"
					 	       width="20px"  
					 	       οnclick="checkServer('<%=entry.getKey() %>',this)"><%= entry.getKey()%> 
					 <%   
					}
				%>
			</td>
		</tr>
		<tr height="25">
			<td align="center">
				<input type="button" name="confirm" value="submit" οnclick="selectServer()" />
				<input type="button" name="close" value="cancel" οnclick="window.close()" />
			</td>
		</tr>
	</table>
  </body>
</html>

------------------------------------------------------------------------------------------------------------
杂碎:<[不相干的东西]>
// 自定义html标签中的属性:
<input type="checkbox" name="<%=csdnServers.get(i).getServerType()%>" 
    ip="<%=csdnServers.get(i).getIp() %>" 
	port="<%=csdnServers.get(i).getPort()%>"/>


<input id="checkbox" type="checkbox" 
    name="<%=entry.getKey() %>" width="20px"  
	οnclick="checkServer('<%=entry.getKey() %>',this)"><%= entry.getKey()%>;
	
var server = new Object();
var ipStr ="";
server.ipStr = ipStr;
window.returnValue = server;
window.close();
var orgaArray = new Array();
window.onload = initOrgaArray;


// http://suo.iteye.com/blog/508572 
window.returnValue使用方法


returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口
(模式窗口知道吧,就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子

// HTML_INPUT详细属性方法事件介绍
http://wenku.baidu.com/link?url=Lu-jj5NGqM0iigcnau6AGShdKjfWqoWFrVfQai026rBr
S2bZvzfMn-yfGiprRK5e60dBKaOy3mTifdluvgpaUf8rni_xShcdttJPqgpE9ZS


// html <[自定义标记属性]>
<input type="checkbox" id="" value="" server=""  ip="" port="">
http://www.360doc.com/content/09/1030/14/426899_8092609.shtml

// Map<String,Integer>  map = new HashMap<String,Integer>();
// Integer num = map.get(serverType);

Integer java.util.Map.get(Object key)
Returns the value to which this map maps the specified key. Returns null if the 
map contains no mapping for this key. A return value of null does not necessarily 
indicate that the map contains no mapping for the key; it's also possible that the 
map explicitly maps the key to null. The containsKey operation may be used to 
distinguish these two cases. 
More formally, if this map contains a mapping from a key k to a value v such that 
(key==null ? k==null : key.equals(k)), then this method returns v; otherwise it 
returns null.