ここから本文です

javascriptを使用してHTML内に下記条件にて表示したいです。 1、会員登録しない...

yoh********さん

2019/1/304:34:58

javascriptを使用してHTML内に下記条件にて表示したいです。
1、会員登録しないにラジオボタンを選択した場合、テキストボックスは入力できない。

2、会員登録するにラジオボタンを選択した場合、パスワードをテキストボックスに入力できる。

何卒宜しくお願いします。

<input type ="radio" name="chumon" value="chumonkonkai" checked> 会員登録しない
<input type ="radio" name="chumon" value="chumontouroku" > 会員登録をします<br />
パスワードを入力してください。<br />

if(chumon=="chumonkonkai"){
<input type ="radio" name="chumon" value="chumonkonkai" checked> 会員登録しない<input type ="radio" name="chumon" value="chumontouroku" > 会員登録をします<br />
}
else{
<input name="pass" type="password" disabled="disabled" style="width: :100px">会員登録しない<br />
もう一度パスワードを入力してください。<br />
<input name="pass2" type="password" disabled="disabled" style="width: :100px">会員登録をします<br />
}

閲覧数:
25
回答数:
1
お礼:
25枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

glo********さん

2019/1/317:06:19

したいことの細部がよくわかりませんが,,,
だいたい次のような感じのことがしたいのでしょうか?
  


<!DOCTYPE html>
<html>
<head>
<!-- <meta charset="UTF-8"> -->
<title>Example</title>
</head>
<body>

<form>
<input type ="radio" name="chumon" value="chumonkonkai" checked> 会員登録しない
<input type ="radio" name="chumon" value="chumontouroku" > 会員登録をします<br />
パスワードを入力してください。<br />
<input name="pass" type="password" disabled="disabled" style="width: :100px"><br />
もう一度パスワードを入力してください。<br />
<input name="pass2" type="password" disabled="disabled" style="width: :100px"><br />
</form>

<script>
var chumons = document.forms[0].elements["chumon"];
for(var i=0; i<chumons.length; i++){
    chumons[i].addEventListener("change", checkFnc, false);
}
function checkFnc(evt){
    if(evt.currentTarget.value == "chumontouroku"){
        document.forms[0].elements["pass"].disabled = false;
        document.forms[0].elements["pass2"].disabled = false;
    }else{
        document.forms[0].elements["pass"].value = "";
        document.forms[0].elements["pass"].disabled = true;
        document.forms[0].elements["pass2"].value = "";
        document.forms[0].elements["pass2"].disabled = true;
    }
}
</script>

</body>
</html>

質問した人からのコメント

2019/1/4 00:27:54

ご連絡ありがとうございます。
思い通り実現いたしました。

また何かありましたらよろしくお願いいします。

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる