每次单击按钮时，将按钮的值附加到输入文本

Question

让我告诉你一段我的代码，让你知道我正在努力解决的问题。

<input type="text" id="input" />

这是我正在谈论的输入元素。 我想要做的是把价值：

<input type="button" id="b1" value="1" />

每次单击按钮时，在文本框中。

一个侧面问题我不能谷歌，因为它是搜索语法的一部分。

""和''之间有什么区别（中间有什么东西）和什么时候使用其中一个？

编辑：现在点击事件是将按钮的值添加到文本框中。 但不是文本框内的文字！ 它只是字面上添加它，好像文本框是一个分区或其他东西。

jquery / javascript代码

$("#b1").click(toev);

function toev(){           
               $("#input").text($(append($(this).val())));
                };

Answer 1

你想要这样的东西： DEMO

$('#b1').click(
    function(){
        $('#input').val($('#input').val()+$(this).val());
    }
);

Answer 2

您当前如何尝试在按钮单击时将value属性设置为1 ？

''和""之间没有区别，除了你可以在双引号内使用单引号而不必转义字符，反之亦然：

"I like to eat 'cheese'." vs "I like to eat \\"cheese\\"."

'Do you like to eat "cheese"?' vs 'Do you like to eat \\'cheese\\'?'

您决定使用哪种方法取决于代码风格或是否使编码更容易。 正如马克指出的那样，并非所有语言都是如此。

Answer 3

使用普通的javascript来完成这个简单的任务。 获取按钮ID，然后将其值添加到输入。 例：

document.getElementById('b1').onclick = function() {
   document.getElementById('input').value += this.value;
};

如果要清除文本框的所有内容，然后添加值：

document.getElementById('b1').onclick = function() {
   document.getElementById('input').value = this.value;
};

Answer 4

听起来你想要做的是

- 有一个文本框（我假设不是只读）

- 有一个带事件处理程序的按钮

- 在按钮的“单击”上更改文本框中的值。

通过jQuery

//button handler
$('#b1').click(function () {
   $('#input').val(1)
});

正在发生的事情的细分：

$('#b1')                 //jQuery selector to select the button element by it's ID
.click(function () { }); //the function to be called when you click the button
$('#input')              //jQuery selector to select the input (textbox) element
.val(1)                  //Set the input (textbox) value to 1

对于你的第二个问题“”vs''。 在javascript中没有真正的区别，它们可以互换使用，并且在彼此内部通常会出现“'”或“”“。 在不同的语言中可能不是这种情况，Ex C＃“”== string，where''== char，等等。

Answer 5

好吧，我从你的问题中可以理解，你想要把价值分析文本框。 你可以做的事情。

最好提供ID或class来input type="text" ，否则这会将值放在页面上的所有文本框中

 $('#b1').click(function() {
        $('#input').val("whatever value you want");
    });

如果你想要按钮值进入文本框，你可以做以下..

$('#b1').click(function() {
     var btnValue = $(this).val();            
    $('#input').val(btnValue );
 });

Answer 6

这也会在DOM中分配值，因此您可以创建一个按钮来删除值，如果您喜欢或输入错误。

$('#b1').click(
    function(){
            var inputValue  = $('#input').val();
            var input       = $('#input');
            var buttonValue = $(this).val();
            var newInputValue = inputValue + buttonValue;
            input.attr('value',newInputValue );
    }
);