Javascript-禁用輸入框中匹配值的按鈕

Question

我正在尋找解決方案，如果輸入框的值匹配，我想禁用按鈕。

我有兩個按鈕和一個輸入框

<button type="button" name="buttonpassvalue" value="-1" onclick="showUser1(this.value)"><< Previous</button> 
<button type="button" name="buttonpassvalue1" value="1" onclick="showUser2(this.value)">Next >> </button>

<input type="text" id="count" value="0"/>

如果輸入框（count）為零，我想禁用buttonpassvalue；如果（count）的值為5，我想禁用第二個按鈕buttonpassvalue1

謝謝你的幫助。

Answer 1

為您制作了JSFiddle！

http://jsfiddle.net/fRHm9/

基本上，您可以創建一個change事件偵聽器，並在其發生更改時獲取ID等於輸入值的元素。 我將按鈕ID分配為-1和1。檢查小提琴。

Answer 2

基本上，您可以使用普通的javascript輕松實現此目標。 但是，當使用javascript以便能夠有效地查找特定元素時，您需要為該元素指定一個id。 因此，我建議您更改按鈕，以使它們使用id屬性，如下所示...

<button type="button" id="buttonpassvalue" name="buttonpassvalue" value="-1" onclick="showUser1(this.value)"><< Previous</button> 
<button type="button" id="buttonpassvalue1" name="buttonpassvalue1" value="1" onclick="showUser2(this.value)">Next >> </button>

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

注意，我向每個按鈕添加了id屬性。 現在，您可以運行將此JavaScript函數附加到文本輸入元素的keyup事件中...

var input = document.getElementById('count');
input.onkeyup = function(){
    var buttonpassvalue = document.getElementById('buttonpassvalue');
    var buttonpassvalue1 = document.getElementById('buttonpassvalue1');
    var val = this.value.trim();


    if(val == "0"){
       buttonpassvalue.setAttribute("disabled","disabled");
       buttonpassvalue1.removeAttribute("disabled");
    }
    else if(val == "5"){
       buttonpassvalue.removeAttribute("disabled");
       buttonpassvalue1.setAttribute("disabled","disabled");
    }
    else{
       buttonpassvalue.removeAttribute("disabled");
       buttonpassvalue1.removeAttribute("disabled");
    }
};

我創建了一個JS Fiddler ，您可以在其中查看快速演示。 另外，請注意，此解決方案使用的是純JavaScript。