マークアップとスクリプティング

wijradio ウィジェットの作成に使用するマークアップは次のようになります。

マークアップ	コードのコピー
<input type="radio" name="myOption" id="Opt1" value="1" /><label for="Opt1">One</label> <input type="radio" name="myOption" id="Opt2" value="2" /><label for="Opt2">Two</label> <input type="radio" name="myOption" id="Opt3" value="3" /><label for="Opt3">Three</label>

マークアップ

コードのコピー

<input type="radio" name="myOption" id="Opt1" value="1" /><label for="Opt1">One</label>
<input type="radio" name="myOption" id="Opt2" value="2" /><label for="Opt2">Two</label>
<input type="radio" name="myOption" id="Opt3" value="3" /><label for="Opt3">Three</label>

次のようなスクリプトでポップアップを初期化できます。

スクリプト	コードのコピー
<script id="script1" type="text/javascript"> $(document).ready(function () { $(":input[type='radio']").wijradio(); }); </script>

ここで説明しているマークアップとスクリプトの結果は次のようになります。ラジオボタンをクリックして選択します。

マークアップを使用して wijradio ウィジェットを作成する方法はいくつかあります。

サンプルマークアップ	コードのコピー
<input type='radio'>

または

サンプルマークアップ	コードのコピー
<input type='radio' id='radio1' /><label for='radio1'></label>

または

サンプルマークアップ	コードのコピー
<label><input type='radio' /></label>

関連トピック

参照