Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/assembly/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 复选框组,仅当至少选中一个复选框时才提交按钮_Javascript_Angular_Checkbox_Angular Validation - Fatal编程技术网

Javascript 复选框组,仅当至少选中一个复选框时才提交按钮

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

我有一个包含3项的复选框组。我用Angular 5.0.5和Clarity vm创建了它。我希望我的函数检查是否至少选中了一个复选框,然后转到下一页,这是一个向导。到目前为止,向导打开时不会检查是否至少选中了一个复选框

我的html如下所示:

<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)