checkbox 相关问题

我有多个这样的字段：我有多个这样的字段： <div class="row"> <div class="col-md-5 "> <app-input [desc]="'Client Last name'" formControlName="clientOneLastName"></app-input> </div> <div class="col-md-1 "> <input type="radio" name="name" (change)="selectedClient && selectField('name', selectedClient?.name)" [checked]="selectedClient?.name != ''"> </div> <div> <input type="radio" name="name" (change)="selectedClient2 && selectField('name', selectedClient2?.name)" [checked]="selectedClient?.name == '' && selectedClient2?.name != ''"> </div> <div class="col-md-5 "> <app-input formControlName="clientTwoLastName"></app-input> </div> </div> <div class="row"> <div class="col-md-5"> <app-input [desc]="'Client First name'" formControlName="clientOneFirstName"></app-input> </div> <div class="col-md-1"> <input type="radio" name="surname" (change)="selectField('surname', selectedClient?.surname)" [checked]="selectedClient?.surname != ''"> </div> <div> <input type="radio" name="surname" (change)="selectField('surname', selectedClient2?.surname)" [checked]="selectedClient?.surname == '' && selectedClient2?.surname != ''"> </div> <div class="col-md-5"> <app-input formControlName="clientTwoFirstName"></app-input> </div> </div> 我搜索客户端 1 和客户端 2，即使我尝试使用新客户端，它也能正常工作，选中的条件也有效，但如果我通过单击手动更改复选框并尝试搜索新客户端，则复选框会卡住并且条件不起作用，它停留在我上次单击的位置，而我没有单击的其他复选框工作正常，但我单击的位置根据条件不起作用我有角度分量，我尝试了“this.formGroup.markAsPristine();”但什么也没有，在加载新客户端后，formGroup 会刷新，因为如果客户端 1 中的 selectedClient 中没有名字或姓氏，我没有触及的复选框会切换，所以只有触及/手动更改的复选框会被卡住更新：ts 代码部分： onClientSelected(event: MatAutocompleteSelectedEvent) { this.selectedClient = event.option.value as Client; this.formGroup.get('filter').setValue(this.displayFn(this.selectedClient)); this.mergeClientService.getById(this.selectedClient.id).subscribe( (data: MergeClient) => { this.mergeClientInfos1 = data; this.resetSelectionFields(); this.combineAdvisors(); this.processClientMergeInfos(this.mergeClientInfos1, this.mergeClientInfos2); }); private prepareForm(){ const filterValue = this.selectedClient ? this.selectedClient.name + " " + this.selectedClient.surname : ''; const filterValue2 = this.selectedClient2 ? this.selectedClient2.name + " " + this.selectedClient2.surname : ''; const clientDomName = this.selectedClient ? `${this.selectedClient.name} ${this.selectedClient.surname} ${this.selectedClient.email || ''}` : ''; const clientDomName2 = this.selectedClient2 ? `${this.selectedClient2.name} ${this.selectedClient2.surname} ${this.selectedClient2.email || ''}` : ''; this.formGroup = this.formBuilder.group({ filter: [filterValue], filter2: [filterValue2], acquired: false, client: "", client2: "", clientOneDomName: [{ value: clientDomName, disabled: true }], clientTwoDomName: [{ value: clientDomName2, disabled: true }], clientOneLastName: [{ value: this.selectedClient?.name || '', disabled: true }], clientTwoLastName: [{ value: this.selectedClient2?.name || '', disabled: true }], clientOneFirstName: [{ value: this.selectedClient?.surname || '', disabled: true }], clientTwoFirstName: [{ value: this.selectedClient2?.surname || '', disabled: true }], clientOneCompanyName: [{ value: this.selectedClient?.companyName || '', disabled: true }], clientTwoBCompanyName: [{ value: this.selectedClient2?.companyName || '', disabled: true }] }); selectField(field: 'name' | 'surname' | 'companyName', value: string) { switch (field) { case 'name': this.selectedName = value as string; break; case 'surname': this.selectedSurname = value as string; break; case 'companyName': this.selectedCompanyName = value as string; break; } } resetSelectionFields(){ this.dominantClient = null; this.selectedName = ''; this.selectedSurname = ''; this.selectedCompanyName = ''; this.formGroup.markAsPristine(); this.prepareForm(); } 注意：抱歉，我不知道你想要获得你为什么想得到？？？记住可以通过方式引用formgroup的字段 form.get('name_of_field').value 例如 <input type="radio" name="name" [checked]="form.get('clientOneDomName').value"> //or <input type="radio" name="name" [checked]="!form.get('clientOneDomName').value && form.get('clientOneDomName').value"> 如果你只能使用检查，你是否走在正确的道路上

html angular forms checkbox checked

回答 1 投票 0

如何使用 Zod 以动态形式存储选定的复选框值？

我在 React 应用程序中使用 zod 作为表单。在表单中，有一个搜索文本框。您可以在该文本框中输入搜索关键字来搜索网站和搜索结果（网站名称）

reactjs checkbox zod use-form

回答 1 投票 0

处理 Angular 表中的复选框交互和分页

我正在开发一个 Angular 应用程序，其中包含一个在服务器端实现分页的表格。表中的一列包含一个复选框，充当“全选”...

javascript angular checkbox angular-services angular-forms

回答 1 投票 0

如何使用单个服务器端变量处理多个复选框？（HTML 表格）

我有以下 HTML 代码：您参加的运动：我有以下 HTML 代码： <form method="post"> <h5>Sports you play:</h5> <input type="checkbox" name="sports_played" value="basketball"> basketball<br> <input type="checkbox" name="sports_played" value="football"> football<br> <input type="checkbox" name="sports_played" value="baseball"> baseball<br> <input type="checkbox" name="sports_played" value="soccer"> tennis<br> <input type="checkbox" name="sports_played" value="mma"> MMA<br> <input type="checkbox" name="sports_played" value="hockey"> hockey<br> <br> <input class="btn" type="submit"> </form> 然后理想情况下我想要以下 python 服务器端代码： class MyHandler(ParentHandler): def post(self): sports_played = self.request.get('sports_played') #sports_played is a list or array of all the selected checkboxes that I can iterate through 我尝试通过制作 HTML sports_played 名称和数组 sports_played[] 来做到这一点，但这没有做任何事情，现在它总是返回第一个选定的项目。这可能吗？真的，我只是不想为每个复选框都执行 self.request.get('HTML_item') ，以防我需要更改 HTML，我不想更改 python。谢谢！答案显示在请求对象的 webapp2 文档中： self.request.get('sports_played', allow_multiple=True) 您也可以使用 self.request.POST.getall('sports_played') （虽然这个答案与这个问题无关，但可能对django开发者有帮助）在 Django 中，request.POST 是一个 QueryDict 对象。这样你就可以获得所有值作为列表： request.POST.getlist('sports_played') 输入的名称末尾应有 []，以便将它们作为数组设置到服务器。现在，您的多个复选框将作为许多具有相同名称的变量发送到服务器，因此只能识别一个。它应该看起来像这样： <form method="post"> <h5>Sports you play:</h5> <input type="checkbox" name="sports_played[]" value="basketball"> basketball<br> <input type="checkbox" name="sports_played[]" value="football"> football<br> <input type="checkbox" name="sports_played[]" value="baseball"> baseball<br> <input type="checkbox" name="sports_played[]" value="soccer"> tennis<br> <input type="checkbox" name="sports_played[]" value="mma"> MMA<br> <input type="checkbox" name="sports_played[]" value="hockey"> hockey<br> <br> <input class="btn" type="submit"> </form> 现在，如果您选择多个，这些值将作为数组发送。如果使用 Flask，解决方案与 Django 和 webapp2 解决方案非常相似。您可以获得包含所有复选框值的列表： selections = request.form.getlist('sports_played') 有一个相关的 Flask 特定问题，其答案类似here，但那里的正确答案从未被接受。

python html checkbox

回答 4 投票 0

如何在 Django 模板中渲染选中的复选框

我需要检查 django 模板中是否选中了复选框，如果为 False，则打开其他一些字段。我已经尝试过类似的事情： {% if 'is_close % 中'已关闭'} 但它们总是真实的...

django forms templates checkbox

回答 2 投票 0

如何在 HTML 中实现“全选”复选框？

我有一个带有多个复选框的 HTML 页面。我还需要一个名为“全选”的复选框。当我选择此复选框时，必须选择 HTML 页面中的所有复选框。我怎样才能做到这一点？

javascript html checkbox selectall

回答 30 投票 0

一系列复选框答案中的新变量名称不起作用

我对SAS比较陌生，完全没有编程背景，但最近遇到了一个连我的博士导师都难倒的问题。我对奶牛的法力进行了调查...