0

如何使用javascript onclick函数将密码值连续输入密码字段？

我有两个与 onclick 功能一起使用的“蓝色”和“红色”图像，并且具有以下值；

Blue= w3!
Red= T4.

当我单击蓝色图像时，它会输入值“w3！” 进入密码字段。但是当我然后单击红色图像时，它会替换输入并在密码字段中变为“T4”。如何在密码字段中将红色输入与蓝色连接成“w3！T4”，而不是替换它？请我在这里需要帮助...谢谢。以下是我的代码条目：

 <!DOCTYPE html>
 <html>
 <head>
 <style>    
 # red
 {width:50px;
  height:50px;
  }
 # blue
 {width:50px;
  height:50px;
  }
 </style>

 <script src="javascript/myred.js"></script>
 <script src="javascript/myblue.js"></script>
 </head>

 <body>

 <img id="red" src="images/items/blue_in.jpg" alt="no blue" onclick="myblue()">
 <img id="blue" src="images/items/red_in.jpg" alt="no red" onclick="myred()">

 <label for="password">Passcode:</label>
 <input name="password" type="password" id="password">

 </body>
 </html>

我存储在服务器中的 JavaScript 文件如下所示；

对于 myblue：

  function myblue()
  {
  x=document.getElementById("password");  // Find the element
  x.value="w3!";    // add the content
  }

对于迈瑞德：

  function myred()
  {
  x=document.getElementById("password");  // Find the element
  x.value="T4";    // add the content
  }

请问，如何在不替换红色输入的情况下将蓝色图像的值添加到密码字段中......干杯......欢迎评论......

4

2 回答 2

2

利用+=

function myblue()
  {
  x=document.getElementById("password");  // Find the element
  x.value += "w3!";    // add the content
  }

function myred()
  {
  x=document.getElementById("password");  // Find the element
  x.value += "T4";    // add the content
  }
于 2013-08-30T21:59:57.637 回答
1 
function myblue()
{
  x=document.getElementById("password");  // Find the element
  x.value += "w3!";    // add the content
}

当然，该解决方案会附加字符串，表示它可能是“w3！w3！w3！T4！” 取决于您单击它的频率。

function myblue()
{
  x=document.getElementById("password");  // Find the element
  if(x.value.indexOf('w3!') < 0){
    x.value += "w3!";    // add the content
  }
}

如果您只想要这些值一次，请使用此方法。当然，您必须更改此功能才能作为myred()

于 2013-08-30T22:00:34.900 回答