jQuery:单击事件以更改输入文本

时间:2016-07-22 20:40:50

标签: jquery

我很困惑为什么我的简单脚本不起作用。我想在按下按钮时将文本写入输入字段,简单如下:)

现在我有这个:

<input type="button" class="plan-button" id="button15"  value="충전" />

和我的jQuery:

$('#button15').click(function() {
  $('input').val($('input').val() + 'sample text');
});  

没有click事件,只使用以下行:

 $('input').val($('input').val() + 'more text');

这很好用。那么问题是点击事件?我三重检查错误...非常感谢帮助!谢谢!

编辑:这是页面的其余部分......我排除了一些相同的表格行,以便于阅读。

 <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){

$('#button15').click(function() {
  $('input').val($('input').val() + 'more text');
 });

});
</script>
<table id="mytable" border="0" style="margin-left: auto; margin-right: auto;">
    <tbody>
        <tr>
            <td style="text-align: center;">
                <div class="box"> <input type="button" class="plan-button" id="button15"  value="충전" /></div>
</tbody>
</table>

1 个答案:

答案 0 :(得分:1)

在点击中,您没有说出您想要的输入。如果是全部,你需要像这样做:

$('#button15').click(function() {
  $('input').each( function(){ 
      $.(this).val( $(this).val() + 'sample text')
  });
});

如果您只想在特定输入中添加“示例文本”,请添加如下类:

 $('#button15').click(function() {
  $('.change').each( function(){ 
      $.(this).val( $(this).val() + 'sample text')
  });
 });