填写另一个输入时禁用输入

时间:2015-10-08 14:22:17

标签: javascript jquery html input

如何在

中填写另一个输入时禁用输入(使用javascript)

例如:

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

由于

1 个答案:

答案 0 :(得分:1)

您可以通过使用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>