javascript - 如果单击已选中的列表项，则会阻止取消选中

Question

我想要的是，当列表项被选中时，当您单击选中的项目时，您无法取消选中它们。

感谢您的帮助:)

$(".collectioncontainer ul li").click(function(){
    $('.collectioncontainer ul li.checked').not(this).removeClass('checked');
    $(this).toggleClass('checked');
 })

Answer 1

使用 .hasClass() 来检查单击的元素上的类是否存在是没有意义的。使用 .addClass() 因为您只想添加类:

$(".collectioncontainer ul li").click(function(){
  $('.collectioncontainer ul li.checked').not(this).removeClass('checked');
  $(this).addClass('checked');
});