Javascript 带敲除冻结的引导复选框绑定
引导 我已将一个可观察的值数组绑定到复选框,但在这里,复选框已被冻结为禁用状态,但我无法选中该复选框Javascript 带敲除冻结的引导复选框绑定,javascript,jquery,knockout.js,Javascript,Jquery,Knockout.js,引导 我已将一个可观察的值数组绑定到复选框,但在这里,复选框已被冻结为禁用状态,但我无法选中该复选框 <div class="box-content" data-bind="foreach: AvailableWorkingDayList"> <div class="tab-content"> <div class="tab-pane active" id="home"> <ul class="box-list">
<div class="box-content" data-bind="foreach: AvailableWorkingDayList">
<div class="tab-content">
<div class="tab-pane active" id="home">
<ul class="box-list">
<li>
<i class="icon-calendar"></i><span> <label data-bind="text: WorkingDay,attr:{for:WorkingDayValue}" class="control-label col-lg-3"></label></span>
<span class="pull-right"><input class="iButton-icons-tab" type="checkbox" data-bind="checked:WorkingDayValue,attr:{'id':WorkingDayId}"/></span>
</li>
</ul>
</div>
</div>
</div>
这是我的ObjectDefinition
var NonWorkingDayObj = function (workingDayId, workingDay, workingDayValue) {
var self = this;
self.WorkingDayId = ko.observable(workingDayId);
self.WorkingDay = ko.observable(workingDay);
self.WorkingDayValue = ko.observable(workingDayValue);
return true;
};
如果某些内容正在禁用复选框,则它不在您包含的代码中。这个很好用。是否可能有某些元素(例如,另一个div)覆盖在复选框上,因此无法单击它们
函数newEntry(id、名称、值){
返回{
工作日id:ko.可观察(id),
工作日:可观察到的ko(名称),
WorkingDayValue:ko.可观察值(值)
};
}
vm={
可用工作日列表:ko.observableArray([
新条目('DayId1','DayName1','1'),
新条目('DayId2','DayName2','2'),
新条目('DayId3','DayName3','3')
])
};
vm.CheckedDays=ko.computed(函数(){
返回ko.utils.arrayFilter(vm.AvailableWorkingDayList(),函数(项){
返回项.WorkingDayValue();
});
});
ko.应用绑定(vm)代码>
-
选中的
您正在将复选框绑定到非布尔值。我非常确定workingDayValue必须为true/false,而不是1/其他我也尝试过但不起作用的东西这是使用forEach绑定时出现的问题。单个复选框正在工作
var NonWorkingDayObj = function (workingDayId, workingDay, workingDayValue) {
var self = this;
self.WorkingDayId = ko.observable(workingDayId);
self.WorkingDay = ko.observable(workingDay);
self.WorkingDayValue = ko.observable(workingDayValue);
return true;
};