使用按钮以

时间:2016-07-03 23:34:28

标签: javascript jquery html forms button

我希望在JQuery中使用onclick按钮功能,当单击该按钮时,将按钮中的值返回到表单的文本区域。因此,例如,当我单击1,1时,我正在构建计算器,1应该是表单输入区域中的值。我有什么线索可以做到这一点?

<FORM NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT id ="enter" TYPE="text" NAME="Input" Size="16">
<br>
</TD>
</TR>
<TR>
<TD>
<button type ="submit" NAME="one" value="1"> 1 </button>

2 个答案:

答案 0 :(得分:0)

首先刷新语言基础

<button class="btncalc" value="1" type="button"></button>
$('.btncalc').click(function(){
    $'#enter').val($(this).val());
});`

答案 1 :(得分:0)

你可以这样做:

<input type="text" value="">
<button>1</button>
<button>2</button>
<button>3</button>

<script>
 $( "button" ).click(function() {
  var current = $("input").text();
  var update = $( this ).text();
  $("input").val( current + update );
 });
</script>

我会避免在您的计算器中使用<button type ="submit" NAME="one" value="1"> 1 </button>作为输入,因为这会因类型=&#34;提交&#34;而导致完整的表单发布。

https://www.w3.org/TR/html-markup/button.submit.html

我从这里抓取了大部分代码(页面下方3/4)。这将让您了解它的工作方式。

http://api.jquery.com/val/

听起来很有趣我希望结果很好:)