1

ノックアウトで 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();
            }
        };
}
4

1 に答える 1