var calculateSomeSelected = function() {
$scope.someSelected = Object.keys(selectedFruits).some(function (key) {
return selectedFruits[key];
});
getFruits = "";
var counter = 0;
$.each(selectedFruits, function( key, value ) {
if (selectedFruits[key]==true){
if (counter==0){
getFruits = getFruits + key;
counter = counter + 1;
}
else{
getFruits = getFruits + "," + key;
}
}
$log.log(getFruits);
});
};
ctrl.fruits = [{'name':'Apple'}, {'name':'Pear'}, {'name':'Peach'}, {'name':'Banana'}];
ctrl.formData = {selectedFruits: selectedFruits};
ctrl.checkboxChanged = calculateSomeSelected;
calculateSomeSelected();
<div class="checkbox-inline reset-p m-r-sm" ng-repeat="fruit in ctrl.fruits">
<input type="checkbox" ng-model="ctrl.formData.selectedFruits[fruit.name]" ng-change="ctrl.checkboxChanged()" ng-required="!someSelected" name="multipleCheckbox"/>{{fruit.name}}<br>
</div>
所以基本上getFruits是一个字符串,我在其中收集用户在网站上检查过的水果列表,并将其作为字符串存储到我的数据库中。 我有一个更新页面,允许用户修改水果选项。但是我的页面必须预先填充并显示用户以前检查过的“检查过的”水果。
我打算这样做
if (getFruits.indexOf("Banana")!=-1){
//how do i set the Banana checkbox to check.
}
else if (getFruits.indexOf("Apple")!=-1)
{
//how to set the Banana checkbox to check.
}
....
等等。我在线上谷歌。主要要求使用prop。(“ checked”,true)。但是我无法为我的复选框设置唯一。