Question

我不是JQuery方面的专家，但是我正在尝试从按钮获取值-当用户单击按钮时，输入字段将更改该值。

但是，我可以有很多按钮。.（在相同情况下，超过100个）出于这个原因，我想知道是否可以使用“通用” JQuery从被单击的按钮中获取值-避免很大jQuery，每个按钮带有$('#answer').val()。

HTML：

<input type="button" id ='one' value="A">
<input type="button" id ='two' value="B">
<br><br>
Hidden: <input type="text" id="answer" value="">

JQUERY ：（我想要什么）

$(':button').click(function(){
    $('#answer').val = $(':button').val ;
});

JQUERY ：（可以..但是如果我有100个，我需要100个功能..我正试图为所有按钮获得通用解决方案）

$('#one').click(function(){
    $('#answer').val("A") ;
});

$('#two').click(function(){
    $('#answer').val("B") ;
});

Answer 1

$(this)为您提供了您单击的按钮，我想这就是您所需要的。

$('[type=button]').click(function(){
    $('#answer').val($(this).val()) ;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" id='one' value="A">
<input type="button" id='two' value="B">
<br><br>
Hidden: <input type="text" id="answer" value="">

Answer 2

请给按钮一个类，并根据该类获取值

$('.mybutton').click(function(){
    $('#myInput').val($(this).val()) ;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" class="mybutton" id='one' value="A">
<input type="button" class="mybutton" id='two' value="B">
<br><br>
Hidden: <input type="text" id="myInput" value="">

Answer 3

$("button, input[type='button']").click(function(){
    $('#answer').val(this.val()) ;
});

请在此处查看更多信息，https://api.jquery.com/button-selector/

Answer 4

使用类而不是ID进行查询。

$('.button').click(function(){
    $('#answer').val($(this).val());
});

您也可以不使用类而使用$('input:button').click(function()

JQUERY：如何通过单击带有通用JQuery的按钮来更改输入值

4 个答案: