こんにちは、いつもお世話になっております。
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で質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
餃子を食べるとき、何をつけますか?
みんな大好き餃子。 ふと素朴な疑問ですが、餃子には何をつけて食べますか? 王道は醤油とお酢でしょうか。
-
一回も披露したことのない豆知識
あなたの「一回も披露したことのない豆知識」を教えてください。 「そうなんだね」と「確かに披露する場所ないね」で評価します。
-
メモのコツを教えてください!
メモを取るのが苦手です。 急いでメモすると内容がごちゃごちゃになってしまったり、ひどいときには全く読めない時もあります。
-
自分のセンスや笑いの好みに影響を受けた作品を教えて
子どもの頃に読んだ漫画などが その後の笑いの好みや自分自身のユーモアのセンスに影響することがあると思いますが、 「この作品に影響受けてるな~!」というものがあれば教えてください。
-
14歳の自分に衝撃の事実を告げてください
タイムマシンで14歳の自分のところに現れた未来のあなた。 衝撃的な事実を告げて自分に驚かせるとしたら何を告げますか?
-
tableタグとformタグの組み合わせ
HTML・CSS
-
ラジオボタンの選択肢をサーブレットで取得するには?
Java
-
Java-jspの画面入力値保持について
Java
-
-
4
ラジオボタンが両方とも選択できてしまう
HTML・CSS
-
5
ループでチェックボックスにcheckedを入れたい
PHP
-
6
【jsp/Java】チェックボックスの状態をリロード時に保持したいです。
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/12】 急に朝起こしてきた母親に言われた一言とは?
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・好きな「お肉」は?
- ・あなたは何にトキメキますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
htmlでセルの値を取得して計算...
-
リストボックス(multipleなsel...
-
INPUT TYPE
-
select値をhiddenのvalueに渡し...
-
wordの数式について 定積分を書...
-
WEBページを強制的に横画面で見...
-
チェックボックスの返す値
-
プログラミングについての質問...
-
表示を一覧表形式にしたいので...
-
「利用規約の同意」チェックボ...
-
CGIで得た内容をHTMlページに代入
-
アンケートで質問を複数ページ...
-
ボタンの処理
-
SUN BBSの改造方法
-
[HTML]プルダウンメニューの横...
-
onMouseoverで下線表示したい(...
-
VB初心者。小数点以下の表示で...
-
postデータのあるページの再表示
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
select値をhiddenのvalueに渡し...
-
INPUT TYPE
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
iframeごとに戻るボタンを
-
OPTIONタグにループは使えない...
-
チェックボックスグループの一...
-
<select>タグの幅設定
-
選択した値の渡し方について(...
-
買い物カゴの作成
-
リストボックス(multipleなsel...
-
PHPで検索ボタンを押さずに検索...
-
htmlでセルの値を取得して計算...
-
ラジオボタンを選択済みにする...
-
ラジオボタンとセレクトメニュ...
-
HTML プルダウンメニューの選択...
-
一つの検索窓で複数のサイトか...
-
selectboxの画面遷移で、postデ...
おすすめ情報