別のテキストボックスの値に応じてテキストボックスを無効にする

Question

フォームに3つのテキストボックスがあります。私の目標は、数字のテキストボックスの数字が0でない場合、テキストボックスの検証と評価を無効にすることです。これをどのように達成するのですか？

擬似コード

if(digit.Text != 0) 
{ 
    validate.enable = false; 
    evaluate.enable = false; 
} 
else 
{ 
    validate.enable = true; 
    evaluate.enable = true; 
} 

私の試み

function disableME() 
 
{ 
 
    var numberTextBox = document.getElementById('number'), 
 
     validateTextBox = document.getElementById('validate'), 
 
     evaluateTextBox = document.getElementById('evaluate'); 
 

 
    if (numberTextBox.value != 0) 
 
    { 
 
    validateTextBox.disable = true; 
 
    evaluateTextBox.disable = true; 
 
    } 
 
    else 
 
    { 
 
    validateTextBox.disable = false; 
 
    evaluateTextBox.disable = false;  
 
    } 
 
}

<form action="welcome.php" method="post" id="myForm"> 
 
    Number: <input type="number" id="number" onchange="disableME()"><br> 
 
    Validate: <input type="text" id="validate" onchange="disableME()"><br> 
 
    Evaluate: <input type="text" id="evaluate" onchange="disableME()"><br> 
 
</form>

Answer 1

あなたはELEMENT.disabled代わりのELEMENT.disableを使用する必要があります。ここで

はあなたのコードの変更です：

function disableME() 
 
{ 
 
    var numberTextBox = document.getElementById('number'), 
 
     validateTextBox = document.getElementById('validate'), 
 
     evaluateTextBox = document.getElementById('evaluate'); 
 

 
    if (numberTextBox.value != 0) 
 
    { 
 
    validateTextBox.disabled = true; 
 
    evaluateTextBox.disabled = true; 
 
    } 
 
    else 
 
    { 
 
    validateTextBox.disabled = false; 
 
    evaluateTextBox.disabled = false;  
 
    } 
 
}

<form action="welcome.php" method="post" id="myForm"> 
 
    Number: <input type="number" id="number" onchange="disableME()"><br> 
 
    Validate: <input type="text" id="validate" onchange="disableME()"><br> 
 
    Evaluate: <input type="text" id="evaluate" onchange="disableME()"><br> 
 
</form>