時禁用其他輸入填充

-2

一個輸入如何禁用的輸入（使用JavaScript）當另一個輸入填充時禁用其他輸入填充

例：

http://www.pct.com.tn/index.php?option=com_searchproduct&view=searchproduct&ctg=M&Itemid=48&lang=fr#b

感謝

來源

2015-10-08 Mahrez Othemeni

你可以通過使用javascript監聽關鍵事件來完成。 – www139

歡迎使用堆棧溢出;） – www139

監視器上用javascript輸入並比較值。

window.onload = function(){ 
 
    var boxOne = document.getElementById('inputOne'); 
 
    var boxTwo = document.getElementById('inputTwo'); 
 
    boxOne.oninput = function(){ 
 
    if(this.value != ""){ 
 
     //if there is a value 
 
     //change the background color (optional) 
 
     boxTwo.style.backgroundColor = '#999'; 
 
     boxTwo.disabled = true; 
 
    } 
 
    else{ 
 
     //if there isn't a value 
 
     boxTwo.disabled = false; 
 
     //change the background color (optional) 
 
     boxTwo.style.backgroundColor = "transparent"; 
 
    } 
 
    }; 
 
};

<input type="text" id="inputOne" placeholder="type to disable other"> 
 
<input type="text" id="inputTwo">

來源

2015-10-08 14:28:01 www139

您可以通過使用jQuery的keydown事件達致這。基於我對你的問題的理解，我已經做了一些示例代碼。假設你有兩個文本框，在輸入文本到任何文本框時將鎖定另一個文本框

<input type = 'text' id='firstTextBox'/> 
    <input type = 'text' id='secondTextBox'/> 

    <script> 
    $("input").keydown(function(){ 
      if($("#firstTextBox").val()!= '') 
      { 
       $('#secondTextBox').attr('disable', 'disable'); 
      } 
      else if($("#secondTextBox").val()!= '') 
      { 
       $('#firstTextBox').attr('disable', 'disable'); 
      } 
      else if($("#firstTextBox").val()== '' && $("#secondTextBox").val()== '') 
      { 
       $('#firstTextBox').removeAttr('disable'); 
      $("#secondTextBox").removeAttr('disable'); 
     } 
     }); 
    </script>

來源

2015-10-08 14:28:37 NightsWatch

如果用戶點擊退格鍵（safari不支持使用mac delete鍵的按鍵）鍵，該怎麼辦？我知道在Mac上Safari瀏覽器不支持使用刪除鍵的onkeypress，這意味着在某些瀏覽器中，即使沒有值，該框也會被禁用。改用'oninput';它支持所有用於鍵入的鍵，包括退格鍵（刪除鍵）。 – www139

@ www139：謝謝！我從來不知道它。我已將其修改爲keydown。我在另一個線程中讀到keydown被識別爲任何按鍵。再次感謝！我正在馬上解決你的問題。 – NightsWatch

時禁用其他輸入填充

回答

相關問題