JavaScriptのテキストボックスの値を変更できません

-2

ここでは、チェックボックスをオフにすると、テキストボックスからテキストを削除します。私はdocument.getElementsById(textBoxID).value = ''を使ってそれをしようとしていますが、効果はありません。私は何の間違いをしていますか？対応するコードを以下に示します。JavaScriptのテキストボックスの値を変更できません

<!DOCTYPE html> 
<html> 
<body> 

<form action="demo_form.asp" method="get"> 
    <input type="text" name="YourEMail" id="YourEMail" style="width: 250px;"> 
    <input type="checkbox" onclick="enableDisable(this.checked, 'YourEMail')" name="check_sendToEmail" value="sendToEmail"> 
    <span style="color:cyan;">Send output to e-mail</span><br> 
    <script> 
    document.getElementById('YourEMail').disabled = true</script> 
    </script> 

    <script> 
    function enableDisable(bEnable, textBoxID) 
    { 
    document.getElementById(textBoxID).disabled = !bEnable 
    if (document.getElementById(textBoxID).disabled) 
    document.getElementsById(textBoxID).value = '' 
    } 
    </script> 
</form> 

</body> 
</html>

出典

2016-07-29 pythonic

[値] InputElementのないValueプロパティはありませんか？ 'value'でなければなりません。大文字と小文字が区別されます... – nicael

まだ動作しません！ – pythonic

あなたはあなたのコンソールを見て始めるべきです： 'TypeError：document.getElementsByIdは関数ではありません' – empiric

あなたが最後の文でsを入れて作ったものgetElementsByIdとValue

@誤植？プロパティは大文字と小文字が区別されるため、valueとValueが異なることにも注意してください。

document.getElementById('YourEMail').disabled = true 
 

 
function enableDisable(bEnable, textBoxID) { 
 
    document.getElementById(textBoxID).disabled = !bEnable 
 
    if (document.getElementById(textBoxID).disabled) 
 
    document.getElementById(textBoxID).value = '' 
 
}

<form action="demo_form.asp" method="get"> 
 
    <input type="text" name="YourEMail" id="YourEMail" style="width: 250px;"> 
 
    <input type="checkbox" onclick="enableDisable(this.checked, 'YourEMail')" name="check_sendToEmail" value="sendToEmail"> 
 
    <span style="color:cyan;">Send output to e-mail</span> 
 
    <br> 
 
</form>

出典

2016-07-29 18:29:58 Rayon

JavaScriptのテキストボックスの値を変更できません

答えて

関連する問題