[样式]针对<span>标签选前和选中后的状态改变
2015-05-26 14:22
225 查看
选中前为"状态",选中后为"★状态"
html代码及js方法如下
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" onclick="cjsxtj('WQS','未签收')" data-start="0">未签收</span> <span id="YQS" class="sctj" onclick="cjsxtj('YQS','已签收')" data-start="0">已签收</span> <span id="WFK" class="sctj" onclick="cjsxtj('WFK','未反馈')" data-start="0">未反馈</span> <span id="YFK" class="sctj" onclick="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); } }
相关文章推荐
- 使用<span>标签为文字设置单独样式
- 使用<span>标签为文字设置单独样式
- 正则表达式 清除<>标签样式
- struts 2标签 <s:textfield> 样式问题
- 使用css制作三角,兼容IE6,用到的标签&lt;div&gt;&lt;s&gt;&lt;span&gt;
- <span>标签,为文字设置单独样式
- 解决<li>标签中<a>和<span>标签对不齐问题
- <s:radio>标签 默认选中
- struts中<html:radio>标签默认选中的解决方法《转载》
- 使用<span>标签为文字设置单独样式
- 在AJAX中为<span>标签赋值
- 解决两个标签元素过大 span 和 p标签 <ul><ol>
- <hr/>标签的属性及样式
- html中<checkbox>标签用法解析及如何设置checkbox复选框的默认选中状态
- 第8课:<span>标签为文字设置单独样式
- 获取<span>标签内的值
- HTML &lt;span&gt; 标签
- struts 2标签 <s:textfield> 样式问题
- 解决<span>标签内容改变,不能触发方法的问题
- HTML <span> 标签简介