Question

我有一个有效的代码。我想要的是当用户点击促销代码链接时，链接属性将被删除，并且将不再起作用。这是工作示例http://jsfiddle.net/5DbN3/

<script language="javascript"> 
  function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
      ele.style.display = "none";
      text.innerHTML = "Have a promo code?";
    }
    else {
      ele.style.display = "block";
      text.innerHTML = "Have a promo code?";
    }
  } 
</script>

<h1>GET STARTED</h1>
<form action="http://www....." method="post" accept-charset="utf-8">
  <label for="zipcode">
    <h2>Enter your zip code:</h2>
    </strong>
  </label>
  <div>
    <input type="text" name="zipcode" id="zipcode" maxlength="5"/>
  </div>
  <label for="promocode">
    <a id="displayText" href="javascript:toggle();">Have a promo code?</a>
  </label>
  <div id="toggleText" style="display: none">
    <input type="text" name="promocode" id="promocode"/>
  </div>
  <div>
    <input type="submit" name="zipsubmit" value="GO" />
  </div>
</form>

Answer 1

我相信你想要：

.removeAttribute("href");

或在jQuery中

.removeAttr("href");

工作小提琴：

http://jsfiddle.net/5DbN3/1/

如何使用javascript点击链接时删除链接属性？

1 个答案: