JingAnXiangSu/mhotel/out/artifacts/fuzhuang1_war_exploded/jsp/add_style.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<link rel="stylesheet" href="../demo/jquery-labelauty.css"><!-- 漂亮多选框 -->
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.filterizr.js"></script>
<script src="../demo/jquery-labelauty.js"></script><!-- 漂亮多选框 -->
<style>
* { margin: 0; padding: 0;}
.keyword { display: block; width: 250px; margin: 10px auto; padding: 5px; border: 1px solid #ccc;}

.jq22 { width: 100%; margin: 0 auto; font-size: 0;}

.jq2 { width: 100%; border:0px solid red; margin-bottom:30px;font-size: 0;}
.filtr-item { display: inline-block;  padding: 5px;}

input.labelauty + label { font: 12px "Microsoft Yahei";}
a{	color:red;}

#ttt{
	display: none;
	visibility: hidden;
}
</style>
<input type="hidden" id="uuid" name="id">
<table class="editTable">
    <tr>
        <td class="label">款式名称:</td>
        <!--<td> <input type="text" name="style_name" data-toggle="topjui-textbox" data-options="validType:['checkMaterialP','length[0,20]'],required:true">-->
        <td> <input type="text" name="style_name" data-toggle="topjui-textbox" data-options="validType:['length[0,20]'],required:true">
         </td>
    </tr>
    <tr>
        <td class="label"></td>
        <td>
        <div id="ttt">
   		<input type="text" id ="tid" name="style_t_id" data-toggle="topjui-textbox" data-options="onChange:function(newv,oldv){
   			//alert(oldv+'--'+newv);
   			nsss(newv);
   		}"></div>
     </td>
    </tr>
</table>

<div id="jq22" class="jq22">
</div>
    <div><a href="#" onclick="sou(1)">A</a>
		<div id="jq1" class="jq2">
		</div>
	</div>
	
	<div><a href="#" onclick="sou(2)">B</a>
		<div id="jq2" class="jq2">
	
		</div>
	</div>
	
	<div><a href="#" onclick="sou(3)">C</a>
		<div id="jq3" class="jq2">
	   
		</div>
	</div>
	
	<div><a href="#" onclick="sou(4)">D</a>
		<div id="jq4" class="jq2">
	   
		</div>
	</div>
	
	<div><a href="#" onclick="sou(5)">E</a>
		<div id="jq5" class="jq2">
	   
		</div>
	</div>

<script>
	
	function sou(a){		
		if(a=='1'){
			if($("#jq1").css("display")=="block"){
				$("#jq1").slideUp();//隐藏
			}else{
				$("#jq1").slideDown();//显示
			}
		}
		if(a=='2'){
			if($("#jq2").css("display")=="block"){
				$("#jq2").slideUp();
			}else{
				$("#jq2").slideDown();
			}
		}
		if(a=='3'){
			if($("#jq3").css("display")=="block"){
				$("#jq3").slideUp();
			}else{
				$("#jq3").slideDown();
			}
		}
		if(a=='4'){
			if($("#jq4").css("display")=="block"){
				$("#jq4").slideUp();
			}else{
				$("#jq4").slideDown();
			}
		}
		if(a=='5'){
			if($("#jq5").css("display")=="block"){
				$("#jq5").slideUp();
			}else{
				$("#jq5").slideDown();
			}
		}
	}
	$(function(){
		
		$.ajax({
				url:"teList.action",
				type:"GET",
				data:{biao:1},
				success:function(data){
					var daima1="";
					var daima2="";
					var daima3="";
					var daima4="";
					var daima5="";
					for(var i=0;i<data.length;i++){
	        			var techmology = data[i];
	        			if(techmology.group_id=='1'){
	        				daima1+="<div class=\"filtr-item\" data-category=\"10\"><input class=\"techmology_name\" type=\"checkbox\" name=\"t_id\" value=\""+techmology.id+"\" data-labelauty=\""+techmology.name+"\"></div>";
	        			}
	        			if(techmology.group_id=='2'){
	        				daima2+="<div class=\"filtr-item\" data-category=\"10\"><input class=\"techmology_name\" type=\"checkbox\" name=\"t_id\" value=\""+techmology.id+"\" data-labelauty=\""+techmology.name+"\"></div>";
	        			}
	        			if(techmology.group_id=='3'){
	        				daima3+="<div class=\"filtr-item\" data-category=\"10\"><input class=\"techmology_name\" type=\"checkbox\" name=\"t_id\" value=\""+techmology.id+"\" data-labelauty=\""+techmology.name+"\"></div>";
	        			}
	        			if(techmology.group_id=='4'){
	        				daima4+="<div class=\"filtr-item\" data-category=\"10\"><input class=\"techmology_name\" type=\"checkbox\" name=\"t_id\" value=\""+techmology.id+"\" data-labelauty=\""+techmology.name+"\"></div>";
	        			}
	        			if(techmology.group_id=='5'){
	        				daima5+="<div class=\"filtr-item\" data-category=\"10\"><input class=\"techmology_name\" type=\"checkbox\" name=\"t_id\" value=\""+techmology.id+"\" data-labelauty=\""+techmology.name+"\"></div>";
	        			}
	        			document.getElementById("jq1").innerHTML=daima1;
	        			document.getElementById("jq2").innerHTML=daima2;
	        			document.getElementById("jq3").innerHTML=daima3;
	        			document.getElementById("jq4").innerHTML=daima4;
	        			document.getElementById("jq5").innerHTML=daima5;
	        		}
	        		//document.getElementById("jq22").innerHTML=daima;
	        		$('.techmology_name').labelauty();
	        		$('.jq22').filterizr();
	        		$('.jq2').filterizr();
				}
			});
			
	});
	function nsss(newv){
		str = newv.replace(/\s*/g,"");
		var b = str.split(",");
		//console.info(b);
		var i = 0;
		if(b.length>0){
			$("input[name='t_id']").each(function(index) {
				//console.info("竟来了"+i);
				if($("input[name='t_id']").get(index).value==b[i]){
					$("input[name='t_id']").get(index).checked = true;
					i++;
				}
				if(i==b.length-1){
					return;
				}
				
			});
		}
	}
	
</script>