Question

我想要做的是当我点击按钮“1”时，它应该在它上方的文本框中显示数字“1”。

我的jquery代码出了什么问题？

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JQuery Tutorial</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
    <input id="textbox" type="text" />

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

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script>
    <script type="text/javascript" src="js/ext.js"></script>
</body>

我的jquery

$('#1').click(function)({
  var txt = $('#textbox');
  $('#1').html('txt');
});

Answer 1

试试此代码

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

用jQuery代码解释你的问题：

第1行：您注册了＃1按钮，因此当点击按钮1时会触发此按钮，我将其推广为

第2行：你从文本框中获取价值，而你应该从按钮文本中获取价值。

第3行：您在按钮中分配值，而您应该分配给文本框并始终使用val（）作为控件的输入类型，并使用html（）作为其他html容器控件

以上是你的错误解释。

欢迎查询！

Fiddle demo

Answer 2

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

 });
});

Answer 3

您必须使用val()方法获取值。另外，您将变量txt作为字符串传递给html()函数，这是错误的。试试以下......

var txt = $('#textbox').val();

$('#input1').html(txt);

Answer 4

试试这个

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

Answer 5

你可以尝试这个

$('div').on('click', 'input', function () {
    $('#textbox').val(this.value);
});

jquery选择器，我的代码出了什么问题？

5 个答案: