°

jquery实现任选其一或者不选的功能

2019年课程规划及价格说明


PHP实战视频教程大全

tp5第四季做优惠券功能的时候在做到使用优惠的时候我们遇到了这样的逻辑

每次支付使用优惠券的时候不支持多选,要么使用其中一个,要么一个不用

如图:

可以切换也可以取消,但是不能多选

并且我们没有使用表单元素,所有只能通过jquery来解决这个问题

一下是核心代码:

<script type="text/javascript">
    $(".panl-item").click(function(){
        if(!$(this).hasClass("selected")){
            $(".panl-item").removeClass('selected');
           $(this).addClass("selected");
         }else{
            $(this).removeClass("selected");
         }
    });
</script>

 

打赏
  喜欢