Javascript 如何使用jquery选择和取消选择数据？

我想选择和取消选择即将到来的数据，但在我的代码中，这一次它只是选择，勾号图像将出现，我想做的是，当我再次单击数据时，勾号将消失。我该怎么做？提前谢谢

    <style>
.highlight{ font-wieght:bold;   color:#F00;}
.amounts{}
.tick{ float:left; margin-top:-5px;}    
.highlight .amount{ display : inline;}
.tick img{  display:none;   width   : 25px; height  : 25px; margin-right: 10px; float   : left;}
.highlight .tick img{   display : block;}
</style>


<script>
jQuery(document).ready(function (){

    jQuery('.amounts').click(function (){
        var pname = jQuery(this).attr('product_name');
        if(!jQuery(this).hasClass('highlight')){
            jQuery('.amount-'+pname).removeClass('highlight');
            jQuery(this).addClass('highlight');
        }

    });

});
</script>

.突出显示{font-wieght:bold；颜色：#F00；}
.金额{}
.tick{float:左；页边距顶部：-5px；}
.highlight.amount{display:inline；}
.tick img{显示：无；宽度：25px；高度：25px；右边距：10px；浮动：左；}
.highlight.tick img{display:block；}
jQuery（文档）.ready（函数（）{
jQuery（'.amounts'）。单击（函数（）{
var pname=jQuery（this.attr（'product_name'）；
if（！jQuery（this）.hasClass（'highlight'））{
jQuery（'.amount-'+pname）.removeClass（'highlight'）；
jQuery（this.addClass（'highlight'）；
}
});
});

您可以使用它。

更改：

if(!jQuery(this).hasClass('highlight')){
   jQuery('.amount-'+pname).removeClass('highlight');
   jQuery(this).addClass('highlight');
}

到

---

我找到了解决办法

 if(!jQuery(this).hasClass('highlight')){
        jQuery('.amount-'+pname).removeClass('highlight');
        jQuery(this).addClass('highlight');
    }
else {
        jQuery(this).removeClass('highlight');
}

---

我很乐意帮助你先生：DThanks dude，但它没有正常工作，它选择下一个数据：（@UsmanAli我已经回答了你的问题。但是你仍然可以给我提供一个真实的例子吗？所以，我可以检查问题是什么。它选择下一个数据并不能解释代码的问题是什么。

jQuery('.amount-'+pname).removeClass('highlight');
jQuery(this).toggleClass('highlight');

 if(!jQuery(this).hasClass('highlight')){
        jQuery('.amount-'+pname).removeClass('highlight');
        jQuery(this).addClass('highlight');
    }
else {
        jQuery(this).removeClass('highlight');
}