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

}