Wijmo UI for the Web
マークアップとスクリプティング
| Wijmo ユーザーガイド > ウィジェット > Rating > マークアップとスクリプティング |
wijrating のマークアップは次のようになります。
| サンプルマークアップ |
コードのコピー |
|---|---|
<select id="ratingSelect">
<option value="1">Below Average</option>
<option value="2">Average</option>
<option selected="selected" value="3">Above Average</option>
<option value="4">Awesome</option>
<option value="5">Epic</option>
</select>
| |
または、
| サンプルマークアップ |
コードのコピー |
|---|---|
<div id="ratingRadio">
<label for="input1a">
Below Average</label>
<input type="radio" id="input1a" value="1" name="rating" />
<label for="input2a">
Average</label>
<input type="radio" checked="checked" id="input2a" value="2" name="rating" />
<label for="input3a">
Above Average</label>
<input type="radio" id="input3a" value="3" name="rating" />
<label for="input4a">
Awesome</label>
<input type="radio" id="input4a" value="4" name="rating" />
<label for="input5a">
Epic</label>
<input type="radio" id="input5a" value="5" name="rating" />
</div>
| |
または、
| サンプルマークアップ |
コードのコピー |
|---|---|
<div id="ratingDiv"> </div> | |
次のスクリプトは wijrating ウィジェットを初期化します。
| サンプルスクリプト |
コードのコピー |
|---|---|
<script id="script1" type="text/javascript">
$(document).ready(function () {
$('#ratingSelect').wijrating();
$('#ratingRadio').wijrating();
$('#ratingDiv').wijrating({ value: 4 });
</script>
| |
ここで説明しているマークアップサンプルとスクリプトの結果は次のようになります。