Question

您好我有2个文本字段现在我的要求是textfield2不会接受输入值，直到在textfield1中输入值请帮帮我

Answer 1

给出两个HTML字段：

<input type="text" id="txt1">
<input type="text" id="txt2" disabled="disabled">

将onchange事件绑定到第一个文本。如果禁用该字段，则第二个文本框的disabled属性为true，否则为false：

$("#txt1").change(function(){
    $("#txt2").attr("disabled", ($(this).val() === ""));
});

在这个JSFiddle上看到它：http://jsfiddle.net/XC3qW/1/

Answer 2

$(document).ready(function(){

  $('#textfield2').attr('readonly', true);

  $('#textfield1').change(function(){
    $("#textfield2").attr('readonly', ($(this).val() === ""));
  });    


});

Answer 3

也许是这样的？

textInputValue = $("#textbox1").val();
$("#textbox2").attr("disabled","disabled"); //or readonly and readonly

if(textInputValue !== "")
{
$("#textbox2").removeAttr("disabled");
}

或

$(function()
{
   $("#textbox1").keyup(function()
   {
       if(this.val() === "" || this.val().length < 6)  //less than 6 characters
       {
          $("#textbox2").attr("disabled","disabled");
       }
       else
       {
          $("#textbox2").removeAttr("disabled");
        }
    });
});

Answer 4

这是我能想到的最简单的事情：

<html>
  <head>
    <script type="text/JavaScript">
function enable()
{
  if (document.getElementById('txt1').value)
    document.getElementById('txt2').disabled = false;
  else
    document.getElementById('txt2').disabled = true;
}
    </script>
  </head>

  <body>
    <input type="textbox" id="txt1" onkeyup="enable()"/>
    <input type="text" id="txt2" disabled="true"/>
  </body>
</html>

Answer 5

您应该针对此案例使用onblur事件

HTML：

<input type="text" id="txt1" onblur="checkValue()">
<input type="text" id="txt2" disabled="disabled">

JS：

function checkValue() {
if(document.getElementById('txt1').value=="") {
document.getElementById('txt2').disabled=true;
} else {
document.getElementById('txt2').disabled=false;
}

textfield2将不接受输入值，直到在textfield1中输入值

5 个答案: