Mam's WebSite
建築CGパース住宅CGパース

Mamの覚書Q&A検索

トップページMamの覚書Q&A検索WEB(jQueryMobile)⇒Q&A


大項目:「 WEB 」 - 中項目:「 jQueryMobile 」

「 jQueryMobileのラジオボタンの基本 」

jQueryMobileのラジオボタンの基本について


回答

以下参照。
 
参考URL
http://mam-mam.net/jqm_sample/radio.html

ソース

ラジオボタン
  <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>


Mam's WebSite