Список переключателей с Knockout.js

Я пытаюсь создать список переключателей с метками, чтобы вы могли щелкнуть по метке, чтобы проверить элемент переключателя. То, что у меня есть, отлично работает в Chrome, но не в IE7. Выдавшийся HTML-код кажется правильным, но когда я нажимаю на ярлык, соответствующий переключатель не выбирается.

JavaScript

function ReuqestType(id, name, billable) {
    this.id = id;
    this.name = name;
    this.billable = billable;
}

function RequestViewModel() {
    var self = this;

    self.availableRequestTypes = [
        new ReuqestType(1, "Travel", true),
        new ReuqestType(2, "Bill Only", false),
        new ReuqestType(3, "Both", true)
    ];

    self.selectedRequestType = ko.observable();
}

HTML

Request Type
<br />
<!-- ko foreach: availableRequestTypes -->
<input type="radio" name="requestType" data-bind="value:id, attr: {'id': 'rt'+ id}" />
<label data-bind="text: name, attr:{'for':'rt'+id}">
</label>
<!-- /ko -->

Каков предпочтительный способ сделать это?

7
задан arb 2 February 2012 в 14:07
поделиться