Question

我想要通过点击另一个按钮启用disabled按钮，并将其永久保持启用状态。该按钮具有图像，在启用按钮的同时，图像src应该更改。这是我的代码：

<!--This is the button that enables the img_tema2 button-->
<a id="a_tema1" href="principal.html" class="btn btn-success">Enviar</a>

<!--This is the img_tema2 button-->
<div class="col-lg-4">
    <button class="tsbutton" onclick="window.location='tema_2.html';" id="img_tema2">
        Tema 2
        <img id="gif_tema2" class="img-circle2" src="../assets/img/segundo_tema_gris.gif" alt="Generic placeholder image" width="140" height="140">
    </button>
</div>

$("#img_tema2").prop("disabled", true);

$(function () {
    var showLittleHeader = localStorage.getItem('#img_tema2');

    if (showLittleHeader) {
        $("#img_tema2").prop("disabled", false);
    }

    $('#a_tema1').on('click', function () {
        localStorage.setItem('#img_tema2', 1);
        $("#img_tema2").prop("disabled", false);
    });
});

抱歉，我完全忘了解释很多事情。

a_tema1在不同的HTML上。当我打开我的html时，按钮img_tema2未被禁用，正如我所说，我需要先将其禁用，当我点击a_tema1时，它会启用。添加推荐的行$("#img_tema2 img").attr("src", '');，它既不做任何事情。我能做错什么？

对不起，我的英文不好，谢谢你能给我的所有帮助

Answer 1

不确定你想要做什么，但这是我的解释：

https://jsfiddle.net/tzf8c50k/

HTML：

<!--This is the button that enables the img_tema2 button-->
<div id="a_tema1" class="btn btn-success">Enviar</div>
<br/><br/>
<!--This is the img_tema2 button-->
<div class="col-lg-4">
  <button class="btn" onclick="window.location='tema_2.html';" id="img_tema2">
    Tema 2
    <img id="gif_tema2" class="img-circle2" src="https://i.imgur.com/fBE8b1k.png" alt="Generic placeholder image" width="140" height="140">
  </button>
</div>

<br/><br/><br/><br/>
<p>Icons made by <a href="http://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0"
  target="_blank">CC 3.0 BY</a></p>

JS：

$("#img_tema2").attr("disabled", "disabled");

$(function() {
    var showLittleHeader = localStorage.getItem('#img_tema2');
    if (showLittleHeader) {
      $("#img_tema2").removeAttr("disabled");
      $("#gif_tema2").attr("src", "http://i.imgur.com/fNerL36.png");
    }

  $('#a_tema1').on('click', function() {
    localStorage.setItem("#img_tema2", 1);
    $("#gif_tema2").attr("src", "http://i.imgur.com/fNerL36.png");
    $("#img_tema2").removeAttr("disabled");
  });
});

永久启用按钮并使用jQuery和LocalStorage更改其图像src

1 个答案: