javascript - jquery 选择器，我的代码有什么问题？

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');
});

score 3 · Accepted Answer

试试这个代码

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

将用您的 jQuery 代码解释您的问题：

第 1 行：您使用 #1 按钮进行了注册，因此当单击按钮 1 时会触发此事件，我将其概括为

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

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

以上是您解释的错误。

欢迎查询！

小提琴演示

score 0 · Accepted Answer

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

 });
});

score 0 · Accepted Answer

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

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

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

score 0 · Accepted Answer

你可以试试这个

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

score 0 · Accepted Answer

尝试这个

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

javascript - jquery 选择器，我的代码有什么问题？

5 回答 5

Related

Reference