ノックアウトで iCheck プラグインを使用しています。このフィドルを確認してください。プログラムでオプションをチェックしたいのですが、機能しません。オプションを手動でチェックすると、機能します。私は何を間違っていますか?
私のHTMLコードは次のとおりです。
<div class="form-group">
<label>Condition <span data-bind="text:conditionChecked"></span> </label> //just to check the value in 'conditionChecked'.
<div class="radio">
<label>
<input class="radio i-checks" type="radio" data-bind="iCheck: { checked: conditionChecked }" name="condition" value="new" required /> New
</label>
</div>
<div class="radio">
<label>
<input class="radio i-checks" type="radio" data-bind="iCheck: { checked: conditionChecked }" name="condition" value="used" required /> Used
</label>
</div>
<div class="radio">
<label>
<input class="radio i-checks" type="radio" data-bind="iCheck: { checked: conditionChecked }" name="condition" value="unboxed" readonly /> unBoxed
</label>
</div>
</div>
私のjsコードは次のとおりです。
function ViewModel() {
var self = this;
self.conditionChecked = ko.observable(false);
self.loadCondition = function () {
//ajax request to get condition value. Suppose ajax request returned value "used". so
self.conditionChecked("used");
}
self.loadCondition();
ko.bindingHandlers.iCheck = { // integrating icheck plugin using bh
init: function (element, valueAccessor) {
//initialize icheck to the element
$(element).iCheck({
radioClass: 'iradio_square-green'
});
$(element).on('ifChecked', function (event) {
var observable = valueAccessor();
observable.checked(event.target.defaultValue); //assigning selected value
});
},
update: function (element, valueAccessor) {
var observable = valueAccessor();
}
};
}