首頁 >後端開發 >php教程 >php-求大神指教! ~實現多個相同元素,點擊其中的一個元素選擇後,其他的元素就不給再點擊選擇? ?

php-求大神指教! ~實現多個相同元素,點擊其中的一個元素選擇後,其他的元素就不給再點擊選擇? ?

WBOY
WBOY原創
2016-12-05 13:27:211034瀏覽

phpjavascriptwebjqueryhtml5

有4個評價,當點了一個評價添加類on之後,其他的不給點擊只提示你已經評價~ 弄了我好久了~求求大家指導下(我目前的做法都會給每個li加on!
你有沒有想過如果點錯了呢。 。你應該點擊哪個加上on,然後同時移除其他li的on樣式,你確定要點擊就不給修改,自己先判斷li是否存在on項,並且點擊的不是已經存在on的就提示php-求大神指教! ~實現多個相同元素,點擊其中的一個元素選擇後,其他的元素就不給再點擊選擇? ?

<code> <style>li.on{color:green}</style>
<ul id="ul">
    <li>很满意</li>
    <li>满意</li>
    <li>一般</li>
    <li>差</li>
</ul>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    $('#ul li').click(function () {
        if (!$(this).hasClass('on') && $(this).siblings().hasClass('on')) alert('你已经评价');
        else this.className='on'
    });
</script>

</code>
單選。弄個單選就好。
是的,就像1樓說的,可以動態加入一個class,然後點了就有這個class,其他的沒有,可以判斷一下
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn