Rumah >pembangunan bahagian belakang >tutorial php >php-求大神指教!~实现多个相同元素,点击其中的一个元素选择后,其他的元素就不给再点击选择??

php-求大神指教!~实现多个相同元素,点击其中的一个元素选择后,其他的元素就不给再点击选择??

WBOY
WBOYasal
2016-12-05 13:27:211012semak imbas

phpjavascriptwebjqueryhtml5

有4个评价,当点了一个评价添加类on之后,其他的不给点击只提示你已经评价~ 弄了我好久了~求求大家指导下(我目前的做法都会给每个li添加on!好烦)
图片说明

回复内容:

你有没有想过如果点错了呢。。你应该点击哪个加上on,然后同时移除其他li的on样式,你确定要点击就不给修改,自己先判断li是否存在on项,并且点击的不是已经存在on的就提示

<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,其他的没有,可以判断一下

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn