单击按钮更改按钮值

Question

刚开始使用 Xpages 运行遇到了一个愚蠢的问题：

我有一个按钮 (id- "button2")，它有标签 "aaa"。我想要做的是将按钮点击上的按钮值更改为值 "kappa123"。我已将 JavaScript 包含在脚本编辑器的 "Client" 选项卡中。

JavaScript:

var elem = document.getElementById("button2");
if (elem.value=="aaa") elem.value="kappa123";
else elem.value = "aaa";

我什至没有错误，什么也没发生。我做错了什么？

Answer 1

使用

var elem = document.getElementById("#{id:button2}");
if (elem.innerHTML=="aaa") elem.innerHTML="kappa123";
else elem.innerHTML = "aaa";

您不能在客户端代码中直接使用元素 ID，因为 XPages 会获取 "renamed" ID。使用 #{id:button2} 您可以获得呈现的 ID。

Answer 2

使用这个：

        var elem = document.getElementById("button2");
        elem.innerHTML="Working.";

适用于 <button> </button>

Answer 3

Demo

   jQuery('#button2').click(function(){
   var elem = document.getElementById("button2");
    if (elem.value=="aaa") jQuery("#button2").attr('value', 'If');
     else jQuery("#button2").attr('value', 'Else');
     alert(elem.value);
   });

Answer 4

你的代码实际上对我来说工作得很好。

<input id="button2" onclick="test()" type="button" value="aaa"/>
<script>
    function test(){ 
      var elem = document.getElementById("button2");
      if (elem.value=="aaa") elem.value="kappa123";
      else elem.value = "aaa";
      }

</script>

这是 fiddle : http://jsfiddle.net/Sourabh_/yezh3e9q/

单击按钮更改按钮值

Changing button value on button click

javascript

xpages