Question

我正在尝试将我的按钮（显示为“添加到收藏夹”）更改为“从收藏夹中删除”一旦点击。我已尝试过很多此网站上的解决方案（适用于java和textcript），但似乎没有任何工作。

我的代码：

button(id='addToFav', onclick='addToFavorites()') Add to Favorites
script.
  function addToFavorites(){
  var x = document.getElementById("addToFav").value;
  if (x=="Add to Favorites") {
      x = "Remove from Favorites";
  } else {
      x = "Add to Favorites";
  }
  }

感谢您的帮助！

Answer 1

问题已经过时了，但只是通过使用TypeScript和Angular2来提供解决方案。你可以在你的类上使用ngOnInit，然后将innerText值更改为所需的字符串值。

{{1}}

Answer 2

将新文本分配给＆＃34; x＆＃34;不会更新按钮文字。所以像这样分配它。

 function addToFavorites(){
  var x = document.getElementById("addToFav").value;
  if (x=="Add to Favorite") {
      document.getElementById("addToFav").value = "Remove from Favorite";
  } else {
      document.getElementById("addToFav").value = "Add to Favorite";
  }
}

Answer 3

这是一个更改值的简单脚本：

<button id="addToFav" onclick="addToFavorites();" value="1">Add to Favorites</button>

<script>
function addToFavorites() {
  var el = document.getElementById("addToFav");
  if (el.textContent == "Add to Favorites") {
      el.textContent = "Remove from Favorites";
  } else {
      el.textContent = "Add to Favorites";
  }
}
</script>

https://jsfiddle.net/daa5tn02/

希望您可以根据自己的代码进行调整。

Answer 4

使用此

if (obj.x =="something") {
      document.getElementById("BtnId").value = "Remove from Favorite";
  } else {
      document.getElementById("BtnId").value = "Add to Favorite";
  }

使用typescript更改按钮的值

4 个答案: