下のような6つのラジオボタンと1つのテキストフィールドのあるフォームがあります。
「あ・い・う・え・お」のラジオボタンが選択されたらテキストフィールドをdisabledに、「か」なら入力可能にしたくて、JavaScriptで次のように記述しました。
一応動作しているように見えるのですが、見よう見まねで書いた初めてJavaScriptなので大丈夫なのか不安です。これで良いのでしょうか。
function txtClose () {
if (document.f_frm.motive[5].checked) {
document.f_frm.motive_add.disabled = false;
} else {
document.f_frm.motive_add.disabled = true;
}
}
<form name="f_frm">
<input type="radio" name="motive" value="あ" onclick="txtClose();" />あ<br />
<input type="radio" name="motive" value="い" onclick="txtClose();" />い<br />
<input type="radio" name="motive" value="う" onclick="txtClose();" />う<br />
<input type="radio" name="motive" value="え" onclick="txtClose();" />え<br />
<input type="radio" name="motive" value="お" onclick="txtClose();" />お<br />
<input type="radio" name="motive" value="か" onclick="txtClose();" />か<br />
<input type="text" name="motive_add" size="20" maxlength="40" onclick="txtClose();" />
</form>
No.1ベストアンサー
- 回答日時:
正常動作するので問題ありません。
ただ、テキストフィールドのonclick属性は不必要です。
ラジオボタンが選択された時点で、テキストフィールドの入力可不可が決まりますので。
細かいことを言いますと、
<input type="radio" name="motive" value="あ" onclick="txtClose();" />あ<br />
でなく、
<p><input type="radio" name="motive" value="あ" onclick="txtClose();" />あ</p>
のように、<form>内ではbr要素は使用せずにp要素などのブロック要素で囲うのがベストです。
>テキストフィールドのonclick属性は不必要
よく考えると、確かにその通りです。
気付いていませんでした!ありがとうございます。
フォーム内、実際はテーブルの<td>~</td>で囲まれている部分だったのですが、質問の際にその旨を記述していませんでした。すみません。
素早い回答にとても助かりました。ありがとうございます!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP $_SESSIONについて教えて下さい。 2 2023/03/02 09:18
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンの値でリンク先を...
-
データベースの値を判断してラ...
-
ラジオボタンでdisabledとchecked
-
ラジオボタンにタブインデック...
-
submitについて
-
特定のラジオボタンが選択され...
-
return trueとreturn falseの用...
-
プルダウン選択を変更すると、...
-
slickのレスポンシブ > center...
-
FormのonsubmitでJavaスクリプ...
-
onchangeイベントを強制的に発...
-
submitがおされた同時に JavaSc...
-
select要素のvalueを配列で取得...
-
Selectボックスの幅を自動で広...
-
HTMLファイル同士での値渡し
-
ラジオボタンとプルダウンを連...
-
Selectの中身をfor文で入れる
-
JQuery selectが反映されない
-
onClickとsubmitの処理順序
-
確認ページからフォームページ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
データベースの値を判断してラ...
-
ラジオボタンのチェックが外れ...
-
ラジオボタンの値でリンク先を...
-
javascript作成してます。ラジ...
-
ラジオボタン未チェックの場合...
-
チェックされたラジオボタンに...
-
jQueryで複数のラジオボタンを処理
-
チェックボックスのON/OFFに連...
-
radio選択をクッキーに保存させ...
-
フォームPOST後「戻る」時のチ...
-
JavaScript ラジオボタン デ...
-
JavaScriptでラジオボタンのチ...
-
リセットボタンでクリアできな...
-
VBA IE ラジオボタンに...
-
ラジオボタンでdisabledとchecked
-
js radioボタンの「name」を多...
-
ラジオボタンのリセット方法
-
Javascriptを使って動的にラジ...
-
ラジオボタンで診断テストを作...
おすすめ情報