3

Spring MVC<form:radiobuttons>を使用してラジオ ボタンを表示しています。

<form:radiobuttons path="selection" items="${arraySelection}" />

ただし、それらを水平に表示します。生成された HTML は次のとおりです。

<span>
 <input id="selection1" type="radio" value="0"" name="selection">
 <label for"selection1">Off</label>
</span>
<span>
 <input id="selection2" type="radio" value="1"" name="selection">
 <label for"selection2">On</label>
</span>

それらを縦に表示するにはどうすればよいですか？

4

3 に答える 3

6

たとえば、デフォルトのラッパー (これは<span>) を、より適切に操作できる別のものに変更できます<li>。

属性を使用しelementてラッパーを変更できます。

<ul>
  <form:radiobuttons path="selection" items="${arraySelection}" element="li" />
</ul>

それはあなたが望むようにそれをスタイリングするだけの問題です：

ul.verticalRadios {
  list-style-type: none;
  /* or whatever */
}

...

<ul class="verticalRadios">
  <form:radiobuttons path="selection" items="${arraySelection}" element="li" />
</ul>
于 2013-08-14T20:28:27.720 に答える
1 
<form:radiobuttons path="selection" items="${arraySelection}" element="br" />

いくつかの提案です。状況によって異なりますが、追加のcssを必要とせずに、要素「br」のみで実行できる場合があります。

于 2016-09-12T15:01:09.637 に答える