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

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