如何在angular 4中重置复选框
在Angular 4中重置复选框可以通过以下步骤实现：
- 首先，在组件的HTML模板中，使用ngModel指令绑定复选框的值到组件的属性。例如，假设我们有一个名为selectedItems的属性来存储选中的复选框值：
<input type="checkbox" [(ngModel)]="selectedItems" value="item1"> Item 1
<input type="checkbox" [(ngModel)]="selectedItems" value="item2"> Item 2
<input type="checkbox" [(ngModel)]="selectedItems" value="item3"> Item 3- 在组件的TypeScript代码中，定义一个方法来重置复选框的值。可以通过将selectedItems属性设置为一个空数组来实现重置：
selectedItems: any[] = [];
resetCheckboxes() {
this.selectedItems = [];
}- 在需要重置复选框的地方调用resetCheckboxes方法。例如，可以在点击一个按钮时调用该方法：
<button (click)="resetCheckboxes()">Reset Checkboxes</button>这样，当点击按钮时，复选框的值将被重置为空数组，从而实现重置复选框的功能。
关于Angular 4的更多信息和使用方法，可以参考腾讯云的Angular产品文档： Angular产品介绍
相关·内容
1回答
Angular2表单:验证、ngControl、ngModel等
angular、forms、validation、angular-validation
正在开发angular2测试版Forms。经过大量的搜索，没有发现任何有用的东西。希望这里有人能帮我。基本上，我有点困惑如何在angular2中以适当的方式使用表单(即使用ngControl、ngFormControl等)。我的表单包括文本框、复选框、单选和选择选项。下面是我的几个问题。
Q1:-如何获取单选按钮的值，复选框，选择在angular2中使用表单。Q2:-在plnkr中提交数据表单后控件还没有被重置。对表单的控制仍然存在，但表单似乎重置了。
浏览 56提问于2016-02-14得票数 13
1回答
如何在Angularjs中选中所有和取消选中所有静态复选框？
angularjs
我有一些静态复选框和一个复选框用于HTML文件中的“全部选中”。然后当我点击"Check All“复选框时，我想选中或取消选中所有这些复选框。但我仍然不知道这种东西的方法在哪里。
浏览 20提问于2019-07-08得票数 0
回答已采纳
1回答
航路导航中不重置角分量属性
angular、angular2-routing、angular5、angular-routing、angular4-router
如何在RouteParams更改时重置组件属性值具有myProp属性的详细组件，该属性分配给我的复选框。例如：2. myapp/detail/2
问题是，当我在一条路径中选中复选框时，当我使用不同的param导航到同一条路径时，选中的复选框保持不变。如何在具有不同参数的相同路由之间导航时重置复选框</e
浏览 1提问于2018-03-14得票数 0
回答已采纳
1回答
如何自定义重置jquery ui按钮集？
jquery、jquery-ui、button、reset
如何在不使用"form.reset()“的情况下重置单选按钮或jquery ui按钮集的复选框，因为我想重置此特定字段。
代码在这里...：
浏览 0提问于2010-12-23得票数 0
回答已采纳
2回答
如何以编程方式删除DataGrid中选定的行？
reactjs、datagrid、material-ui
用户可以选中DataGrid中的复选框来进行选择。我希望复选框在用户执行某些操作(如删除所选文件)后重置。
按下“删除”按钮后：第二行仍选中复选框。如何以编程方式重置复选框？
浏览 1提问于2021-04-22得票数 2
回答已采纳
1回答
使用Vue js时，选中复选框后输入数据被重置
jquery、vue.js、vuejs2
我有一个创建新表单与一些输入和一组复选框。每当我选中任何一个选项时，所有的输入数据都会被重置。请检查下面的代码。我不希望我的输入像这样被重置。谁能为我指出我哪里错了？我在谷歌上搜索过这一点，但大多数帖子都是关于如何在选中复选框时重置表单。<code>A0</code>
浏览 34提问于2018-12-18得票数 0
回答已采纳
1回答
网站/默认/文件下的图像未出现
media、.htaccess
我在/sites/default/files/styles/medium/public/field/image中有图像，我似乎在浏览器中看不到它们，我的/sites权限设置为777，我读到了关于从/sites中注释所有Options行的内容。这是我的.htaccess：#Options NoneSetHandler Dru
浏览 0提问于2014-06-05得票数 -1
1回答
如何在angular 4中重置复选框
javascript、angular、typescript、mean-stack
我有一个绑定到数组的复选框--该数组的类型为Interface，如下所示： Categories: stringonDataTypeClick($event,DT,'DTofSectors')" {{DT.Categories}}该复选框将根据从下拉列表中选择的内容进行填充我的问题是:当我更改下拉菜单时，如
浏览 18提问于2018-08-13得票数 0
2回答
如何在Angular5中不选择复选框的情况下在Kendogrid中选择多行
angularjs、kendo-grid、telerik-grid、kendo-ui-angular2
我正在使用KendoUi angular 5。我需要如何在不使用Ctrl键的情况下选择多行，并在angular 5的kendogrid中选中复选框？我可以根据telerik kendo网格使用Ctrl键或选中复选框来选择多行，但我希望不使用Select复选框或Ctrl键来选择多行
浏览 0提问于2018-05-15得票数 1
2回答
重新加载页面后，复选框不应重置。
javascript、jquery、html、angularjs、checkbox
单击复选框后，我正在实现禁用页面中的所有复选框。但是当我重新加载页面时，我不想在重新加载后重置禁用复选框。假设在重新加载之后选中了复选框，那么应该选中页面复选框。checkbox" class="disableCheck"> Second
当我重新加载页面时，所有复选
浏览 1提问于2018-08-01得票数 0
3回答
如何重置单击事件上的所有模型？
javascript、jquery、angularjs
我的要求：必须在按钮上重置我的选择框，点击我有三个选择框。当我单击复选框时，会出现一些不同的数据，然后结果将被发布。我添加了一个“删除”按钮，该按钮仅重置其父选项框。现在，我想知道的是，如何在单击“删除”按钮时重置所有三个复选框。modelID, subModelID, selectBoxPos) { subModelID = 0;我想点击removeObj函数所有的modelID数据被重置为零
浏览 8提问于2016-11-17得票数 0
1回答
如何在angularjs2中重置窗体状态
javascript、angularjs
如何在angular中从脏/触摸中重置窗体状态？在本教程中，若要重置窗体状态，请执行以下操作。教程说有更好的解决方案，但我还找不到。请帮帮忙。
浏览 3提问于2016-06-16得票数 2
1回答
复选框“在表单提交中未填充任何强制字段的重置”。
reset、forms
复选框将在表单提交中未填写的任何强制字段上重新检查。Html描述：
这是我的服务器端的validation.Now问题，当用户没有填写任何强制字段，如名字或姓氏，并签入复选框，然后用户提交form.Then表单，从服务器端获取验证消息，但是复选框会重置任何强制字段。但是复选框</e
浏览 1提问于2013-09-27得票数 0
回答已采纳
2回答
jqGrid:更改筛选器后，选定的ID丢失
asp.net-mvc、jqgrid
这就是问题所在，当您更改过滤器时，复选框的选择会被重置，因此选定的is也会被重置。如何在过滤器更改的情况下存储所有选定的ID？
浏览 1提问于2011-09-19得票数 1
回答已采纳
1回答
Datatable服务器端记忆复选框“已选中”
php、jquery、checkbox、datatables
我让datatable服务器端在模式(弹出)中通过选中项目行中的复选框来选择项目。
但是，当我更改页面、排序和搜索其他项目时，我在复选框中选择的项目总是重置或重新加载。datatable服务器端能记住我选中的复选框吗？如果可以，如何在我的情况下实现它？
浏览 14提问于2016-07-25得票数 5
1回答
在角js中的"$on('$destroy')“中设置当前复选框值？
javascript、angularjs、checkbox、angularjs-ng-change
我正在实现复选框，我也想防止重置复选框后，重新加载和导航到另一个页面。现在，当我重新加载页面时，复选框将重置。所以我使用$on("$destroy")来拯救这个州。但是我无法用$on("$destroy")设置复选框当前值。sessionStorage.date=matchDate; sessionStorage.minValue=normalValue;如<em
浏览 2提问于2017-07-23得票数 0
回答已采纳
4回答
暂时停用换电事件
javascript、jquery
有人能告诉我如何在更改时停用事件并重新激活它吗？我正在使用引导切换我的复选框。但也许这只是一个细节。
所以我的问题是。我的表格上有个“重置”按钮。当我点击它时，我有一个函数，它在表单的每个复选框上循环，试图“重置”每个复选框。通过重新设置我的复选框，我的意思是将它们设置为初始值。。。但是这样做，我触发了一个"onchange“函数，它将在后面的代码中出现。我不想触发"onchange“函数
浏览 0提问于2016-08-11得票数 7
回答已采纳
1回答
Angular JS，警告真或假
javascript、html、angularjs、checkbox
我已经包含了一个复选框，当我单击该复选框时，将显示警报弹出窗口。如果我在警告弹出窗口中单击Ok，则必须完全替换该复选框，并在该位置保持true.controller('alertsMesssageCtrl', ['$scope', function($scope) {
$scope.onalertClick
浏览 0提问于2016-10-27得票数 0
2回答
如何在AngularJS中隐藏文本和复选框以删除？
javascript、html、angularjs、checkbox
如何在下面的图片中删除文本时隐藏复选框：当页面被加载时，屏幕如下所示：屏幕2：
function TodoCtrl($scope) { {text:'learn angular', done:true},{text:'build an angular app', done:false}];
浏览 2提问于2015-05-20得票数 1
回答已采纳
4回答
按布尔值在角2中选中和未选中复选框
angular、typescript、checkbox、angular2-directives
我想使复选框在角2自动选中或未选中。当值为1时，复选框将选中，而此复选框为0，复选框将自动取消选中。
浏览 4提问于2017-05-20得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
