gpt4 book ai didi

javascript - 如何根据一个数组中的值设置复选框选中状态,并在选中时将值添加到另一个数组,否则使用 Angular js 删除?

转载 作者:行者123 更新时间:2023-12-03 03:08:07 24 4
gpt4 key购买 nike

enter image description here以下只是代码的概述,如html代码中给出的,我只想显示来自设置对象的选项数组的选项并且必须选中设置复选框 到选项,该选项是来自答案数组的答案,并且如果我在单击复选框的情况下检查更多选项,并且必须添加新答案来回答,并且必须如果未选中复选框,则删除答案

<script>

var adminApp = angular.module('app',[]);

adminApp.controller('EditController', function ($scope) {


$scope.viewQuestions=function(){

set={}; //object in which answer array and option array is present //assume;

var answer= ["answer1", "answer2"]; //answer array assume

var options=["option1,option2,option3,option4"]; //option array assume

var answerType="Multiple";
}

$scope.updateAnswer =function(isSet,index,answer,set)
{

for(var i=0;i<set.answer.length;i++)
{
if(isSet===set.answer[i])
{
set.answer[index]=isSet;
}
else
{

set.answer.splice(index, 1);

}
}

}
}

</script>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>

</head>
<body ng-app="app" ng-controller="EditController" ng-init="viewQuestions()">
<table>
<tr>

<td ng-show="s.answerType === 'Multiple'">
<p ng-repeat="o in s.options">{{$index + 1}}. <input type="checkbox"
name="answer-{{index}}"
ng-model="isSet" value="{{o}}"
ng-change="updateAnswer(isSet,$index,answer,s)">{{o}}</p>
</td>

</tr>

</table>
</body>
</html>

最佳答案

这并不完全是您想要的,但确实是这样。我改变了概念,以更简洁的方式和更有棱 Angular 的风格做同样的事情。 (我认为)

我有一个对象数组(名称:选项标题和事件:选中或未选中),每次更改后我都会更新该集合。带过滤器和 map ;因此,该集合始终是最新的

(如果您收到一个字符串数组作为选项,您可以假设它们全部都是事件的:false)

也许它通常适合您,或者您可以从代码中得到一些想法。

http://plnkr.co/edit/GucWDwF66A56IkXHHpwG?p=preview

关于javascript - 如何根据一个数组中的值设置复选框选中状态,并在选中时将值添加到另一个数组,否则使用 Angular js 删除?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47076698/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com