Question

我正在尝试创建一个函数，以便在按下其中一个按钮时，文本输入的值将更改为按下的按钮的值。

<div id="viewer">
<h1>
<input type="text" id="Screen" maxlength="8" value="0"/>
</h1>

<h2>
<button type="button" value="1" id="1">1</button>
<button type="button" value="2" id="2">2</button>
</h2>
</div>

这是我试图使用的功能，但在某处出错：

$(document).ready(function(){

$("button").click(function(){

   var $val = $("#Display").val();
    alert($val);
       onclick="sevenClick()";

});
});
});

Answer 1

$(document).ready(function() {
    $('button').click(function() {
        var test = $(this).attr('value');
        $('#Screen').val(test);
    });
});

Answer 2

我认为您更改了ID并需要更改其他一些内容

＆＃13;

$(document).ready(function() {

  $("button").click(function() {

    var val = $(this).val()
    $("#Screen").val(val);
    alert(val);
    onclick = "sevenClick()";
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="viewer">
<h1>
<input type="text" id="Screen" maxlength="8" value="0"/>
</h1>

<h2>
<button type="button" value="1" id="1">1</button>
<button type="button" value="2" id="2">2</button>
</h2>
</div>

＆＃13;

Answer 3

使用this保留实际按钮值：

＆＃13;

$(document).ready(function() {
  $("button").click(function() {
    var $val = $(this).val();
    //alert($val);
    $('#Screen').val($val);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="viewer">
  <h1>
<input type="text" id="Screen" maxlength="8" value="0"/>
</h1>

  <h2>
<button type="button" value="1" id="1">1</button>
<button type="button" value="2" id="2">2</button>
</h2>
</div>

＆＃13;

Answer 4

只需获取按钮的值并将其设置为输入框

$(document).ready(function() {
    $("button").click(function() {
        var butVal = $(this).val(); //get current button value here 
        $("#Screen").text(butVal); // set button value to the textbox
    });
});

使用按钮更改文本输入

4 个答案: