ul中的li標簽切換選中狀態樣式和獲取li選項中的值的獲取


html 代碼:

<ul class="J_tabs tab_but cu_li" id="lei">
<li class="current" value="1">參與用戶</li>
<li value="2">抽獎</li>
<li value="3">新老玩家</li>
<li value="4">點擊數</li>
<li value="5">幫砍用戶機型</li>
<li value="6">砍價完成</li>
</ul>

<style>
ul.tab_but li.current {
    position: relative;
    background: #fff;
    border-bottom: 0;
    height: 26px;
    line_height: 27px;
    font-weight: 700;
}
</style>

js代碼引用:

<script type="text/javascript">
$(function(){
// li CSS選中狀態切換
$("#lei li").click(function() {
$(this).siblings('li').removeClass('current'); // 刪除其他兄弟元素的樣式
$(this).addClass('current'); // 添加當前元素的樣式
})
$("li").click(function(){
var type=parseInt($(this).val());
//alert(type); // 這里能獲取到當前點擊的li標簽當前的value值
$.ajax({
url:'/h5/k/ajax_get_chart',
type:'post',
data:{type:type},
dataType:'json',
success:function(resp){
alert(resp.data);
}
});
});
})

</script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM