Javascript 复选框组,仅当至少选中一个复选框时才提交按钮
我有一个包含3项的复选框组。我用Angular 5.0.5和Clarity vm创建了它。我希望我的函数检查是否至少选中了一个复选框,然后转到下一页,这是一个向导。到目前为止,向导打开时不会检查是否至少选中了一个复选框 我的html如下所示:Javascript 复选框组,仅当至少选中一个复选框时才提交按钮,javascript,angular,checkbox,angular-validation,Javascript,Angular,Checkbox,Angular Validation,我有一个包含3项的复选框组。我用Angular 5.0.5和Clarity vm创建了它。我希望我的函数检查是否至少选中了一个复选框,然后转到下一页,这是一个向导。到目前为止,向导打开时不会检查是否至少选中了一个复选框 我的html如下所示: <table class="table"> <tbody> <tr *ngFor="let item of items"> <td> <input type="checkbox" name="allo
<table class="table">
<tbody>
<tr *ngFor="let item of items">
<td>
<input type="checkbox" name="allowNext" [(ngModel)]="item.chosen">
</td>
<td>
{{item.name}}
</td>
</tr>
</tbody>
</table>
<br>
</form>
<button [disabled] class="btn btn-primary" (click)="go()"> Next </button>
items= [
{name: 'checkbox1', chosen: false},
{name: 'checkbox2', chosen: false},
{name: 'checkbox3', chosen: false}
];
go() {
if(this.items.chosen === true) {
this.wizard.open();
ngOnInit () {}
constructor( public router: Router) {}
你们能帮我正确定义函数吗 使用JQuery,您可以简单地执行以下操作:
if ($('#frmTest input:checked').length > 0 ) {
//your code
}
将检查是否至少选择了一项谢谢,但我需要它来处理Typescript/Angular。我尝试了if((this.checked).length>0){this.wizard.open();}但它不起作用。您必须检查是否选中了每个选择。可以使用循环或映射,并从数组中减少。
this.items.some(i => i.chosen)