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

Question

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

    <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>

Answer 1

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

只是你可以使用这个。

Answer 2

改变：

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

至

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

Answer 3

好吧，我找到了解决方案

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