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');
}

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

3 个答案: