radio-button 相关问题

我正在研究 Angular 反应形式。表格中的第一个问题询问用户最喜欢的水果是什么。我想添加一个“其他”选项。我正在研究 Angular 反应形式。表格中的第一个问题询问用户最喜欢的水果是什么。我想添加一个“其他”选项。 <p> <label for="favFruit"><b>What's your favorite fruit</b></label> <br /> <input type="radio" value="Apple" id="favFruit" name="favFruit" formControlName="favFruit" /> Apple <br /> <input type="radio" value="Banana" id="favFruit" name="favFruit" formControlName="favFruit" /> Banana <br /> <input type="radio" value="Orange" id="favFruit" name="favFruit" formControlName="favFruit" /> Orange <br /> <input type="radio" value="Pear" id="favFruit" name="favFruit" formControlName="favFruit" /> Pear <br /> <input type="radio" value="Grapes" id="favFruit" name="favFruit" formControlName="favFruit" /> Grapes <br /> <input type="text" value="" id="favFruit" name="favFruit" formControlName="favFruit" /> </p> 我尝试过添加另一个值作为文本输入字段，但是，这允许用户选择多个选项。我希望当用户单击“其他”（选项）时弹出，以便用户可以选择其他，但这将是他们唯一的选择。我建议用于填充其他值的 <input> 元素不要使用 formControlName 指令。当输入文本字段时，它应该更新 favFruit 控制值，这会导致取消选中之前选中的单选按钮。 <input type="text" value="" id="favFruit" name="favFruit" #otherFavFruit (input)="onOtherFavFruitInput(otherFavFruit.value)"> onOtherFavFruitInput(value: string) { this.form.controls.favFruit.setValue(value); } 另一种情况是，当您在文本字段中输入其他值时，您改变主意并选择其中一个单选按钮，您可以使用 (change) 事件来重置输入字段。 <input type="radio" value="Apple" id="favFruit" name="favFruit" formControlName="favFruit" (change)="onFavFruitChecked($event)"> import { Component, ElementRef, ViewChild } from '@angular/core'; @ViewChild('otherFavFruit') otherFavFruit!: ElementRef<HTMLInputElement>; onFavFruitChecked(event: any) { this.otherFavFruit.nativeElement.value = ''; } 请注意，您可以使用 *ngFor 生成一组表单控件，旨在减少 HTML 中的代码。 <ng-container *ngFor="let fruit of fruits"> <input type="radio" [value]="fruit" id="favFruit" name="favFruit" formControlName="favFruit" (change)="onFavFruitChecked($event)"> {{ fruit }} <br> </ng-container> fruits = ['Apple', 'Banana', 'Orange', 'Pear', 'Grapes']; 演示@StackBlitz

angular forms radio-button angular-reactive-forms

回答 1 投票 0

请支持使用 PyPDF2 在 Python 中标记单选按钮

下面是我的代码。我可以填写 PDF 文件中的文本字段，但在标记单选按钮时，我找不到任何解决方法。单选按钮字段的名称是 Case d'opt...

python checkbox radio-button field pypdf

回答 1 投票 0

使用 Tab 键时无法到达单选按钮（带有嵌套控件）

我的代码按预期 100% 运行。所有控件都可以使用 Tab 键或箭头键访问，但标记为“无筛选”的第二个单选按钮除外，该按钮永远无法访问。有没有

html radio-button bootstrap-5 radio-group

回答 1 投票 0

单选按钮未选中时可以更改宽度吗？

我希望单选按钮在未选择状态时变亮，有什么办法可以改变它吗？第一张图片是我所拥有的。第二个是我想要的。这是我的c...

flutter radio-button

回答 1 投票 0

尝试使用 Angular 和 PrimeNg 手动聚焦输入时我做错了什么？

我正在使用 Angular 和 PrimeNg。我有一个类似 Google Forms 的应用程序，在该应用程序的一部分中，我有一组选项，每个选项都有一个单选按钮。我可以有“其他”选项，用户可以手动

angular input radio-button focus primeng

回答 1 投票 0

使用 javascript 检查单选按钮

出于某种原因，我似乎无法弄清楚这一点。我的 html 中有一些单选按钮可以切换类别： // 全部...

javascript html radio-button

回答 7 投票 0

在.NET MAUI中为CollectionView正确设置RadioButtonGroup

在 .NET MAUI 应用程序中，我使用 CollectionView 来显示特定的 ItemTemplate，其中还包括 RadioButtons。然而，互斥状态并未实现，因为不知何故......

xaml radio-button maui collectionview

回答 1 投票 0

单选按钮的onclick事件

如何使用 JavaScript 为 C# 类中的单选按钮控件实现“onclick”事件，以更改隐藏的服务器控件文本框文本值以反映单击了哪个按钮？按钮...

javascript c# onclick radio-button

回答 4 投票 0

单选按钮选择未显示在 window.print() 中

单选按钮选择未出现在 window.print() 中的问题 HTML：这是问题#一，请在下面选择是或否单选按钮选择未出现在 window.print() 中的问题 HTML： <p>This is question # one, Please Select yes or no below</p> <input type="radio" name="Q1">Yes <input type="radio" name="Q1">No <p>This is question # two, Please Select yes or no below</p> <input type="radio" name="Q2">Yes <input type="radio" name="Q2">No <p>This is question # three, Please Select yes or no below</p> <input type="radio" name="Q3">Yes <input type="radio" name="Q3">No <p>This is question # four, Please Select yes or no below</p> <input type="radio" name="Q4">Yes <input type="radio" name="Q4">No<br><br> <button type="button" onclick="readySignature()">Click to Sign</button> <button type="button" onclick="finishSigning()">Finish Signing</button> <button type="button" onclick="(printNow())">Print Contract</button> JS： function readySignature(){ canvas = document.getElementById("testSig"); signaturepad = new SignaturePad(canvas); console.log("This Works"); } function finishSigning(){ var pngdata = signaturepad.toDataURL(); var sigArea = document.getElementById("sigArea"); var image = document.createElement("img"); image.src = pngdata; sigArea.innerHTML = ""; sigArea.appendChild(image); } function printNow(){ var mywindow = window.open('', 'PRINT', 'height=400,width=600'); mywindow.document.write('<html><head><title>' + document.title + '</title>'); mywindow.document.write('</head><body >'); mywindow.document.write('<h1>' + document.title + '</h1>'); mywindow.document.write(document.getElementById("contract").innerHTML); mywindow.document.write('</body></html>'); mywindow.document.close(); // necessary for IE >= 10 mywindow.focus(); // necessary for IE >= 10*/ mywindow.print(); mywindow.close(); return true; } 打印时和在预览窗口中，不会显示单选按钮选项。我检查了 chrome 中是否启用了背景图形，并且我添加了 .ui-state-active { -webkit-print-color-adjust: exact; } .ui-label-active { font-weight: bold !important; font-size: 20px !important; -webkit-print-color-adjust: exact; } 到我的CSS。尽管如此，我还是无法让单选按钮选择出现在打印中。 input[checked] { -webkit-print-color-adjust: exact; }

javascript printing radio-button

回答 1 投票 0

radio-button 相关问题

最新问题