KO Radio バインディング

データバインディングのオプション：

checked
disabled

例：

この例では、ラジオと組み合わせて使用する ViewModel が定義されています。radio データバインディングオプションが変更されると、ウィジェットは自動的にその変化に応答します。ウィジェットは、これらの値を変更する際に ViewModel の値も更新します。

ViewModel の作成：

ViewModel スクリプト	コードのコピー
var viewModel = function () { this.check = ko.observable(true); };

バインドコントロールを使用したビューの作成：

ビューのマークアップ	コードのコピー
<h3 id="H1">Radio</h3> <label for="radio1">radio1</label> <input type="radio" name="radiobutton1" id="radio1" data-bind="wijradio: {checked: check}" /> <label for="radio2">radio2</label> <input type="radio" name="radiobutton1" id="radio2" data-bind="wijradio: {}" /> <label for="radio3">radio3</label> <input type="radio" name="radiobutton1" id="radio3" data-bind="wijradio: {}" /> <label for="radio4">radio4</label> <input type="radio" name="radiobutton1" id="radio4" data-bind="wijradio: {}" />

ビューのマークアップ

コードのコピー

<h3 id="H1">Radio</h3> 

<label for="radio1">radio1</label>
<input type="radio" name="radiobutton1" id="radio1" data-bind="wijradio: {checked: check}" /> 

<label for="radio2">radio2</label>
<input type="radio" name="radiobutton1" id="radio2" data-bind="wijradio: {}" />

<label for="radio3">radio3</label>
<input type="radio" name="radiobutton1" id="radio3" data-bind="wijradio: {}" />

<label for="radio4">radio4</label>
<input type="radio" name="radiobutton1" id="radio4" data-bind="wijradio: {}" />

関連トピック

参照