追加按鈕的值來輸入文本，每次點擊按鈕

讓我告訴你一段我的代碼，讓你知道我在努力。追加按鈕的值來輸入文本，每次點擊按鈕

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

這是我正在談論的輸入元素。我想要做的是把價值：

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

每次單擊按鈕時的文本框中。

一個側面的問題，我不能谷歌，因爲它是搜索語法的一部分。

""和''（有中間的東西）和你什麼時候使用其中之一有什麼區別？

編輯：現在單擊事件將按鈕的值添加到文本框。但不是文本框內的文本！ IT只是從字面上增加它，就好像文本框是一個分區或什麼的。

了jQuery/JavaScript代碼

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

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

來源

2013-12-16 Zeretil

顯示您嘗試過的。 –

我認爲你的格式有問題。嘗試使用編輯器中的「{}」圖標將某些內容顯示爲代碼。 – Katana314

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Values,_variables,_and_literals#String_literals – SLaks

你想是這樣的：DEMO

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

來源

2013-12-16 15:49:34

這正是我想要的！謝謝！如果我有名譽，我會鼓勵你。 – Zeretil

將其標記爲有效答案:) –

這並不真正指定DOM中的值。請參閱下面的答案。 – Cyber

您目前如何嘗試在設定時按鈕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\'?'

您決定使用哪一個取決於代碼風格或它是否使您的編碼更容易。正如Mark指出的那樣，在所有語言中情況可能並非總是如此。

來源

2013-12-16 15:49:59 egl

謝謝你的澄清。不，我不是，我希望按鈕的值每次被點擊時被添加到文本框內的文本中。 – Zeretil

像你想要做什麼這聽起來是

- 具備一個文本框（我假設不是隻讀）與事件處理程序

- 具備一個按鈕的-On「單擊「按鈕」更改文本框中的值。發生了什麼

通過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

關於第二個問題「」與 ''。在javascript中沒有真正的區別，它們可以互換使用，並且在內部通常會出現「''」或「」「''。在不同的語言中，這可能不是這種情況，Ex C＃「」== string，其中''== char等

來源

2013-12-16 15:52:09 Mark

按鈕的值可以通過ajax或php動態添加，否則，對值進行硬編碼不應成爲一種方法。 – Cyber

好吧，我可以從你的問題中瞭解到，你想把價值insise文本框。你可以做一些小事。

其更好您提供ID或class到input type="text"要不然這將使所有可用文本框內值頁面

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

上，如果你想按鈕值裏面去文本框，你可以做以下..

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

來源

2013-12-16 15:52:24

使用普通的JavaScript來完成這個簡單的任務。獲取按鈕ID，然後將其值添加到輸入。例如：

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

如果你想清除文本框中的所有內容，然後添加值：

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

來源

2013-12-16 16:04:56 aksu

我喜歡這個答案，因爲如果他使用jQuery，原始海報還沒有說明。 – egl

是這個答案標記jquery和js ... – aksu

這也分配在DOM中的值，因此，你可以創建一個按鈕來刪除如果該值你喜歡還是錯打。

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

來源

2017-12-28 17:40:06 Cyber

追加按鈕的值來輸入文本，每次點擊按鈕

回答

相關問題