jQueryMobileでラジオボタンの使い方

トップページJavascript CSS講座⇒jQueryMobileでラジオボタンの使い方

jQueryMobileでラジオボタンの使い方


普通のラジオボタン

<div class="ui-field-contain">
	<fieldset data-role="controlgroup">
		<legend>以下から選択</legend>
		<input type="radio" name="radio-choice1" id="radio11" checked="checked" />
		<label for="radio11">小さい犬</label>
		<input type="radio" name="radio-choice1" id="radio12" />
		<label for="radio12">犬</label>
		<input type="radio" name="radio-choice1" id="radio13" />
		<label for="radio13">でかい犬</label>
	</fieldset>
</div>
			
以下から選択

水平配置のラジオボタン

<div class="ui-field-contain">
	<fieldset data-role="controlgroup" data-type="horizontal">
		<legend>以下から選択</legend>
		<input type="radio" name="radio-choice2" id="radio21" checked="checked" />
		<label for="radio21">ねこ</label>
		<input type="radio" name="radio-choice2" id="radio22" />
		<label for="radio22">犬</label>
		<input type="radio" name="radio-choice2" id="radio23" />
		<label for="radio23">でかい犬</label>
	</fieldset>
</div>
			
以下から選択