超链接 - 如何使用条件禁用 href 按钮（javascript）答案

【问题标题】：Hyperlink - How to disable a href button with conditional (javascript)超链接 - 如何使用条件禁用 href 按钮（javascript）
【发布时间】：2021-01-03 18:59:18
【问题描述】：

只有当 img src 是无徽标图像时，我才尝试禁用按钮

目前我有这个：

if ($('img.img-thumbnail').attr('src') == '{{asset('img/gp_no_image.png ')}}') {
  console.log('is null');
} else {
  console.log('not null');
}

我想在 img src 为 null 时禁用此按钮（在我的控制台消息中，因为它不是真正为空的，它在 logo 为 null 时显示默认图像）

 <a href="{{ route('template.update-favicon', [$site->id]) }}" class="btn btn-primary btn-sm favicon"> {{__('template.button.update.site_favicon')}}</a>

如何禁用按钮？

我的想法是禁用按钮并显示提示消息：“请先添加徽标”或多或少

【问题讨论】：

document.getElementById("myBtn").disabled = true;
@Alex 超链接继续工作：/
所以您想禁用超链接？

标签： javascript hyperlink disable

【解决方案1】：

试试这个：

$(document).ready(function(){
  if ($('img.img-thumbnail').attr('src') == '{{asset('img/gp_no_image.png ')}}') {
    $('link').attr("disabled","on");
  } else {
    $('link').attr("disabled","off");
  }


  $('#button1').click(function(e){
    if ($('link').attr('disabled') == 'on') {
      e.preventDefault();
    }
  });
});

像这样，你有一个“禁用”属性，你可以为视觉做 css，这个脚本链接将不会被激活

【讨论】：

【解决方案2】：

我尝试了您的答案，但超链接有效

最后，我不得不将 laravel 中的方法从 get 更改为 web.php 路由中的补丁，并更改真正按钮的超链接

我的 HTML

<form id="favicon-form" method="POST"
    action="{{route('template.update-favicon', [$site->id])}}">
          @csrf
    {{ method_field('PATCH') }}
       <button class="btn btn-primary btn-sm" id="button-favicon"
        type="submit">{{__('template.button.update.site_favicon')}}</button><br><br><br>
 </form>

还有我的 javascript

if($('img.img-thumbnail').attr('src') == '{{asset('img/gp_no_image.png')}}') {
    console.log('is null');
    document.getElementById("button-favicon").disabled = true;
} else {
    console.log('not null');
}

终于成功了

【讨论】：