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

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

WBOY
發布: 2023-03-02 22:14:01
原創
1006 人瀏覽過

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,其他的沒有,可以判斷一下
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板