戻る

ラジオボタン

このサイトの仕様上、部品は目的の動作と異なることがあるので、ソースを活用してください。

ラジオボタンのテーマを指定する

ラジオボタン: 
<div data-role="fieldcontain">
	<fieldset data-role="controlgroup">
		<legend>ラジオボタン:</legend>
		<input type="radio" name="occupation" id="oc1" data-theme="a">
		<label for="oc1">スウォッチA</label>
		<input type="radio" name="occupation" id="oc2" data-theme="b">
		<label for="oc2">スウォッチB</label>
		<input type="radio" name="occupation" id="oc3" data-theme="c">
		<label for="oc3">スウォッチC</label>
		<input type="radio" name="occupation" id="oc4" data-theme="d">
		<label for="oc4">スウォッチD</label>
		<input type="radio" name="occupation" id="oc5" data-theme="e">
		<label for="oc5">スウォッチE</label>
	</fieldset>
</div>

ボタンを横に並べる

ラジオボタン: 
<div data-role="fieldcontain">
	<fieldset data-role="controlgroup" data-type="horizontal">
		<legend>ラジオボタン:</legend>
		<input type="radio" name="occupation" id="oc1" data-theme="a">
		<label for="oc1">A</label>
		<input type="radio" name="occupation" id="oc2" data-theme="b">
		<label for="oc2">B</label>
		<input type="radio" name="occupation" id="oc3" data-theme="c">
		<label for="oc3">C</label>
		<input type="radio" name="occupation" id="oc4" data-theme="d">
		<label for="oc4">D</label>
		<input type="radio" name="occupation" id="oc5" data-theme="e">
		<label for="oc5">E</label>
	</fieldset>
</div>
inserted by FC2 system