js nz-checkbox-wrapper多选框返回值为on

`nz-checkbox-wrapper` 是 `ng-zorro-antd` 框架中的多选框组件。多选框的返回值为 `on` 是因为这是该组件默认的返回值。如果你希望返回其他值，可以使用 `nzValue` 属性来设置。

例如：

<nz-checkbox-wrapper nzValue="1"></nz-checkbox-wrapper>

这样，当多选框被选中时，它的返回值就会变成 `1`。

相关问题

js nz-checkbox-wrapper多选框使用

`nz-checkbox-wrapper` 是 Ant Design of Angular 的多选框组件，使用方法如下：

1. 首先，确保已经引入了 Ant Design of Angular 组件库。

2. 在需要使用多选框的组件中，引入 `NzCheckboxWrapperComponent` 组件：

   import { NzCheckboxWrapperComponent } from 'ng-zorro-antd/checkbox';

3. 在 HTML 模板中使用 `nz-checkbox-wrapper` 标签：

   <nz-checkbox-wrapper [(ngModel)]="checkedList" (ngModelChange)="onChange($event)">
     <label nz-checkbox *ngFor="let option of options" [nzValue]="option.value">{{ option.label }}</label>
   </nz-checkbox-wrapper>

其中，`checkedList` 是一个数组，用于存储选中的多选框的值；`options` 是一个数组，用于存储所有可选的选项。

4. 在组件类中定义 `checkedList` 和 `options`：

   checkedList = [];
   options = [
     { label: '选项1', value: 'option1' },
     { label: '选项2', value: 'option2' },
     { label: '选项3', value: 'option3' }
   ];

5. 在组件类中定义 `onChange` 方法，用于在多选框的选中状态发生改变时更新 `checkedList`：

   onChange(checkedList: string[]): void {
     this.checkedList = checkedList;
   }

这样就可以使用 `nz-checkbox-wrapper` 组件实现多选框了。

form表单中 nz-checkbox-wrapper多选框使用

`nz-checkbox-wrapper` 是 Ant Design Vue (AntVUE) 中的一个组件，它用于包裹 `nz-checkbox`，提供了一种创建复选框组的方式，在表单 (`form`) 中通常用于让用户选择多个选项。这个组件可以让你轻松地管理一组相关的选中状态，并且在配合 Form 表单验证时，可以收集用户的多项选择。

在使用时，你可以按照以下步骤操作：

1. 引入组件：首先需要在你的 Vue 项目中引入 ` NzCheckboxWrapper` 组件。

<template>
  <nz-form-item :label="label">
    <nz-checkbox-wrapper v-model="options" :options="choices"></nz-checkbox-wrapper>
  </nz-form-item>
</template>

2. 定义数据：设置一个 `options` 数据属性来存储用户的选择，`choices` 则是你提供的选项列表。

<script>
export default {
  data() {
    return {
      label: '请选择选项',
      options: [], // 用户的多选值数组
      choices: ['选项A', '选项B', '选项C'], // 可供选择的选项
    };
  },
};
</script>

3. 在表单提交或校验时，你可以使用 `this.$refs.yourFormName.validateFields()` 来检查用户是否选择了至少一项。