こんにちは、いつもお世話になっております。
JSPで作っているのですが、ラジオボタンなのでHTMLの方でおたずねします。
for文で動的なラジオボタンをつくり、出来た列の先頭をあらかじめ選択済にしておきたいのですが、一番最後が選択済になってしまいます。
選択済みにしたい場合はしたい場所に< checked> を記述すればいいのは分かるのですが、
<input type="radio" value="i" checked> (※i=変数)
のような動的な場合はどこに設定すればよいのでしょうか?
「checked="top"」みたいな書き方が出来ればいいのですが…
ご存知の方がいらっしゃったらご教授ください。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
JSP(Java)の構文はよく分からないのでヒントだけ。
まず、checked属性がついていない場合の動作はクライアント(ブラウザ)
依存です。
一番最初か一番最後が選択された状態になったり何も選択されない
状態になったりします。
これはHTMLとしては文法違反となります。
一方で、今回はすべての type="radio" に対してchecked属性を
つけてしまったようですね。
ループを使用している場合、フラグ変数をたてたりして指定の部分だけ
checked属性をつけるようにするといいです。
PerlCGIではよく以下のようにします。
for(my $i = 0; $i < 10; $i++) {
# ループの最初だけ ' checked' をつける
my $checked = ' checked' if($i == 0);
# フォームを表示する
print "<input type=\"radio\" name=\"radio_$i\" value=\"$i\"$checked>\n";
}
Javaでも応用すれば同様のことはできると思います。
No.2
- 回答日時:
JSPの事はわからないので的外れかも知れませんが…
「一番最後が選択済になって」しまうのは、「for文で動的なラジオボタンをつくり、出来た列」の<input type="radio"~>の全てにchecked属性が入っている為だと思います。ラジオボタンは「単一選択」ですから、同一の選択肢(name)の中ではchecked属性は常に1つのみにしかつけられません(つまり「「checked="top"」みたいな書き方」というのは存在しません)。もしそれに反してchecked属性が同一name中の全ての選択肢に入ってしまっていたら、より後の選択肢に上書きされて行く事になり、結局一番最後のものが「選択済み」状態で表示されてしまいます。
なので、
<input type="radio" name="hoge_01" id="hoge_01_1" value="1" checked>
<input type="radio" name="hoge_01" id="hoge_01_2" value="2">
(以下同様)
という様にしたいのであれば、checked属性の記述部分も変数にして、動的に書き出されるグループの常に一番最初のみその属性を表示し、残りの選択肢には表示しない…という様な設定ができればよいと思うのですが、その様にはできませんか?
解説ありがとうございます。
なぜそうなってしまうのか良くわかりました!!
でもよくある一覧表示などではたいてい一番先頭が選択済みになってるのでできるはずですよね。
check属性の部分も変数にするというのは考えたのですがうまくいきませんでした。
>動的に書き出されるグループの常に一番最初のみその属性を表示し、残りの選択肢には表示しない…という様な設定
これがどんなものになるのか…まだ検討してみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- Excel(エクセル) VBA オリジナル関数で選択セルの合計を作成したい 3 2023/03/19 19:45
- Visual Basic(VBA) VBA 参照先で選んだファイルをコピーし、出力先に別名で保存したい 8 2022/05/13 20:37
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- Excel(エクセル) Excelにの以下の設定方法について教えてください! C列にデータ入力の設定をしています。(出、入を 3 2022/06/22 01:33
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- Windows 10 Windows10でセーフモードが出来ません。 2 2022/04/22 23:37
- Excel(エクセル) エクセルでシート保護のかかり方の違いとセルの非保護の設定 3 2022/08/09 10:02
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
チェックボックスグループの一...
-
INPUT TYPE
-
<select>タグの幅設定
-
wordの数式について 定積分を書...
-
フォントサイズを変えるには?
-
WEBページを強制的に横画面で見...
-
[HTML]プルダウンメニューの横...
-
ネットで買い物をしていてわか...
-
複数ボタンのvalueを送れない
-
何れかが入力されていれば全て入力
-
LWPによるページ取得の問題
-
IEで「file://」プロトコルが使...
-
テキストエリアのデータを隠し...
-
別formのhidden項目を自form値...
-
sendmail 送信先を複数設定す...
-
フォームメール(iモード用)で...
-
htmlからパラメータで、cgiに渡...
-
サーバーのテキストファイルを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
select値をhiddenのvalueに渡し...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
チェックボックスグループの一...
-
ラジオボタンを選択済みにする...
-
<select>タグの幅設定
-
OPTIONタグにループは使えない...
-
iframeごとに戻るボタンを
-
メールフォームのプルダウンメ...
-
リストボックス(multipleなsel...
-
プルダウンメニューでValue値を...
-
selectboxの画面遷移で、postデ...
-
htmlでセルの値を取得して計算...
-
チェックボックスの余白を指定...
-
一つの検索窓で複数のサイトか...
-
ラジオボタンとセレクトメニュ...
-
コンボ1の内容に応じてコンボ...
おすすめ情報