(html按钮禁用与启用)===(html按钮禁用与允许)

效果图

点击禁用(禁用颜色变成浅色)---变成允许(允许是颜色是深色)

 

点击允许(允许是颜色是浅色)---变成禁用(禁用颜色变成深色)

 

代码如下

 

<button type="button" class="btn btn-xs btn-danger dels z_btn_d" data-id="{$item['id']}">禁用</button>

<button type="button" class="btn btn-xs btn-info edit" data-id="{$item['id']}">允许</button>

 

 

  //  禁用

        $(document).on("click", '.dels',function(){

            var id=$(this).attr('data-id');

            $('#del_pp_by_id').attr('data-id',id);

            $(".edit").removeClass("colorss");

            $(".dels").addClass("colorss");

        })

  //允许

        $(document).on("click", '.edit',function(){

            var id=$(this).attr('data-id');

            $(".dels").removeClass("colorss");

            $('.edit').addClass("colorss");

        })

    .colorss{

        opacity: 0.3;

    }