如何在使用ng-repeat时选中多个复选框

时间:2018-10-05 09:17:06

标签: javascript jquery html

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)。但是我无法为我的复选框设置唯一。

0 个答案:

没有答案