通过单击按钮更改文本字段的值html javascrift

时间:2018-07-20 05:49:24

标签: javascript jquery html

我是HTM Java的新手,我有一个按钮,只要单击按钮,我都想实现一个代码,它将文本字段的值更改为“ 123” 然后,如果再次单击它,它将文本字段的值设置为“ 456”,然后如果再次单击该按钮,它将再次更改为123的值,如果再次单击该按钮,它将再次更改为456 < / p>

我的按钮代码使用自定义html

但是,如果单击该按钮,则无论它不显示“ 123”如何,始终显示“ 456”。

func setUpView() {
        self.layer.cornerRadius = self.frame.width/2;
        self.layer.masksToBounds = true;
    }
function myFunction11() {
  document.getElementById("try").value = "123"


  {
    document.getElementById("try").value = "456"
    document.getElementById("d").value = "456"

  }
}

2 个答案:

答案 0 :(得分:4)

必须尝试以下解决方案:

<button id="example" data-text-swap="123" data-text-original="456">123</button>

<script>
$("#example").on("click", function() {
  var el = $(this);
  el.text() == el.data("text-swap") ? el.text(el.data("text-original")) : el.text(el.data("text-swap"));
});
</script>

答案 1 :(得分:2)

希望以下代码对您有所帮助

function myFunction11(){
  if(document.getElementById("try").value != "123"){
    document.getElementById("try").value = "123"
  }else{
    document.getElementById("try").value = "456"
  }
}
<input type="text" id="try">
<button onclick="myFunction11();">Try it</button>