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

Mamの覚書Q&A検索

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


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

「 jQueryMobileのフリップスイッチの基本  」

jQueryMobileのフリップスイッチの基本について


回答

以下参照。
 
http://mam-mam.net/jqm_sample/switch.html

ソース


フリップスイッチ(チェックボックス ベース)
  <fieldset>
    <div data-role="fieldcontain">
      <label for="check1">フリップスイッチラベル</label>
      <input id="check1" name="check1" type="checkbox" data-role="flipswitch" data-off-text="No" data-on-text="Yes" />
    </div>
  </fieldset>
 

フリップスイッチ(セレクトメニュー ベース)
  <fieldset>
    <div data-role="fieldcontain">
      <label for="sel1">フリップスイッチラベル</label>
      <select id="sel1" data-role="flipswitch">
        <option value="yes">はい</option>
        <option value="no">いいえ</option>
      </select>
    </div>
  </fieldset>


Mam's WebSite