[樣式]針對標籤選前和選中後的狀態改變

選中前爲"狀態",選中後爲"★狀態"

html代碼及js方法如下

<pre name="code" class="html"><span style="white-space:pre">		</span>.sctj{
			border:1px dotted #640000;
			background: #F7F9FC;
			margin-top:5px!important; 
			color:#000;
			padding:5px;
			margin-left:10px;
			white-space: nowrap;
			cursor: pointer;
		}
		
		.sctj:hover{
			border:1px solid #640000;
			background: #FD7F88;
		} 

<div class="search_sk" >
<span style="white-space:pre">	</span>篩選條件>>
	<span id="WQS" class="sctj" οnclick="cjsxtj('WQS','未簽收')" data-start="0">未簽收</span>
	<span id="YQS" class="sctj" οnclick="cjsxtj('YQS','已簽收')" data-start="0">已簽收</span>
	<span id="WFK" class="sctj" οnclick="cjsxtj('WFK','未反饋')" data-start="0">未反饋</span>
	<span id="YFK" class="sctj" οnclick="cjsxtj('YFK','已反饋')" data-start="0">已反饋</span>
</div>

<pre name="code" class="javascript">function cjsxtj(id,text){
	var inputValue = $("#searchInput").val();
	var ids=['WQS','YQS','WFK','YFK'];
	var start=$('#'+id).data().start;
	if(start==1){	//原來是選中狀態
		var obj_html=$('#'+id).html();
		var html=new String(obj_html);
		$('#'+id).html(html.substring(1));
		$('#'+id).css('background-color','');
		$('#'+id).data({start:0});
		getRW(userName,XZRWID,inputValue,'');
	}else{//未選中
		for(var i=0;i<ids.length;i++){
			var _id=ids[i];
			var _start=$('#'+_id).data().start;
			if(_start==1){
				var html2=new String($('#'+_id).html());
				$('#'+_id).html(html2.substring(1));
				$('#'+_id).data({start:0});
			}
			$('#'+_id).css('background-color','');
		}
		var obj_html=$('#'+id).html();
		var html=new String(obj_html);
		$('#'+id).html('★'+html);
		$('#'+id).css('background-color','#FD7F88');
		$('#'+id).data({start:1});
		getRW(userName,XZRWID,inputValue,text);
	}
	
}