radio-button 相关问题

单选按钮是表单中使用的元素。它们让用户只选择有限数量的选项中的一个。

我想在flutter中添加单选按钮

在我的问题中,我想在点击单选按钮时添加一个单选按钮,它可以被选择,但是当我再次点击该单选按钮时,不会在颤动中取消选择。 收音机( 值:字符串常量。

回答 1 投票 0

Angular Radio Group [(ngModel)] 值在 jasmine 测试中未更新

我的组件中有这个 html 代码 我的组件中有这个 html 代码 <mat-radio-group aria-label="Select an option" [(ngModel)]="searchType" (change)="changeSearchType()" class="form-row"> <mat-radio-button [value]="searchByUserType" class="mr-5 max-w-1/2 flex-1">{{'CONTENT.Search by User' | translate }}</mat-radio-button> <mat-radio-button [value]="searchByRegType" class="max-w-1/2 flex-1">{{'CONTENT.Search by Reg' | translate }}</mat-radio-button> </mat-radio-group> 还有这个测试 it('should select the correct value for the radio buttons', () => { const radioGroupDebugElement = fixture.debugElement.query(By.css('mat-radio-group')); const radioButtons = radioGroupDebugElement.queryAll(By.css('mat-radio-button')); // Simulate user selecting the first radio button radioButtons[0].nativeElement.click(); console.log(radioButtons[0].nativeElement.value); fixture.detectChanges(); // Manually dispatch a change event radioGroupDebugElement.nativeElement.dispatchEvent(new Event('change')); fixture.detectChanges(); expect(component.searchType).toBe(component.searchByUserType); // Simulate user selecting the second radio button radioButtons[1].nativeElement.click(); fixture.detectChanges(); // Manually dispatch a change event radioGroupDebugElement.nativeElement.dispatchEvent(new Event('change')); fixture.detectChanges(); expect(component.searchType).toBe(component.searchByRegType); }); 并且我的测试失败,并显示“预期未定义为‘SearchByUser’”。和“预计未定义为‘SearchByReg’。” 测试中未捕获单选按钮的值。 我在这里缺少什么? 谢谢 我们可以使用 Angular Material 网站 中的演示代码,我们在其中使用 getAllHarnesses it('should select the correct value for the radio buttons', async () => { const childLoader = await loader.getChildLoader('mat-radio-group'); const buttons = await childLoader.getAllHarnesses(MatRadioButtonHarness); // Simulate user selecting the first radio button // Manually dispatch a change event await buttons[0].check(); fixture.detectChanges(); expect(component.searchType).toBe(component.searchByUserType); // Simulate user selecting the second radio button buttons[1].check(); fixture.detectChanges(); // Manually dispatch a change event await buttons[1].check(); fixture.detectChanges(); expect(component.searchType).toBe(component.searchByRegType); }); Stackblitz 演示

回答 1 投票 0

如何在 ASP.NET MVC cshtml 中添加多个条件来自动检查单选按钮

@Html.RadioButtonFor(model => model.authType, "email", Model.authType == "email")电子邮件 @Html.RadioButtonFor(model => model.authType, "sms", Model.authType == &qu...

回答 1 投票 0

选择带有自定义标签的单选按钮

我有一系列颜色。我想用它们来选择文本的颜色。我使用单选按钮是因为我只想选择一个。我使用标签自定义默认收音机。问题是我...

回答 1 投票 0

单选按钮帖子显示值,即使没有检查任何按钮如何验证这一点?

我有一张注册表,其中有显示男性或女性的性别单选选项。在 HTML 中没有检查任何一项,因为我希望用户检查一项。像这样: ...

回答 2 投票 0

如何将无线电输入值分配给变量?

我正在开发一个带有无线电输入的表单,其值为“是”和“否”。 这是代码: 我正在开发一个带有无线电输入的表单,其值为“是”和“否”。 这是代码: <input type="radio" id="haveread" name="check" value="yes"><label for='haveread' >Yes</label> <input type="radio" id="notread" name="check" value="no"><label for="notread" >No</label> 我想检索已检查的无线电的无线电输入值并将其分配给名为 readStatus 的变量 这是我的代码: const readStatus = document.querySelector('input[type="radio"]:checked'); 我尝试检查 console.log 上的变量 readStatus,它返回 null。 但是,当我在 console.log 上输入 document.querySelector('input[type="radio"]:checked' (变量 readStatus 的内容)时,我得到了我正在寻找的内容,即已检查的无线电输入。 我期望变量 readStatus 也返回检查的无线电输入。我对它是如何工作的感到非常困惑,因为我基本上是 console.logging 相同的东西。 谁能告诉我我做错了什么? 编辑: 这是项目的屏幕截图,以及console.log 项目截图和控制台 这可以归结为几件事。首先,你什么时候用 querySelector 获取值?在页面准备好时?在带有事件处理程序的事件上?因此,当您选择其中一个选项时,单选按钮上的值会发生变化。因此,您需要向选择选项时触发的单选按钮添加事件侦听器。在所述偶数处理程序中,您可以使用查询选择器在该点获取的值来设置 readStatus var。 我建议您查看here,了解有关事件侦听器的一些信息和示例。

回答 1 投票 0

如何在 r Shiny 中的单选按钮 choiceNames 中使用 HTML

我正在尝试显示基于文本输入生成的单选按钮 choiceNames。 choiceNames 包含一个希腊字母(beta)和两个下标(第一个是数字,第二个......

回答 1 投票 0

Flutter中展开的TabView下如何获取行方向的Radio?

我是 Flutter 的新手。我正在为大学工作建立一个项目。我想要在行方向上有单选按钮,如下图所示。但是,我遇到了诸如渲染溢出之类的问题...

回答 1 投票 0

C# Winform 单选按钮行为

我有 2 个单选按钮在 _CheckedChanged 事件上调用 2 个方法 私人无效manual_radioBtn_CheckedChanged(对象发送者,EventArgs e) { 发送数据手动(); } 私人...

回答 2 投票 0

PrimeNG 单选按钮的自定义取消行为

我正在为一个带有大量表单的应用程序开发热键功能,该应用程序具有通过“WASD”而不是经典的“Tab”/“Shift+Tab”来聚焦元素的自定义行为。 一个...

回答 1 投票 0

flutter 中可重复使用的 Radio 小部件

说到 flutter,我是个菜鸟,我正在尝试创建一个可重复使用的 Radio 小部件(男性或女性),我使用它两次并将性别作为其参数作为枚举传递。我面临的问题是...

回答 1 投票 0

需要帮助将文本输入和单选按钮链接在一起

所以我正在编写CSS,并且我有一个由五个单选按钮和一个输入组成的网格。它应该是小费计算器的一部分,在这个特定部分中您可以选择小费百分比。用收音机

回答 1 投票 0

将 Woo Commerce 下拉菜单转换为单选按钮

我在将变体下拉列表转换为支持 woocommerce 的网站的单选按钮时遇到问题。 我已经尝试过在这里找到的答案,但我似乎无法使这个解决方案发挥作用。我也试过了...

回答 1 投票 0

iText7:设置单选按钮值未按预期工作

我在 InDesign 中创建了一个带有单选按钮组的 PDF 文档。每个选择都有其自身的价值。 PdfFormField 字段 = AcroForm.GetField(fieldName); 字段.SetValue(valueToSet); 设置选择的

回答 1 投票 0

在 swiftui 中列表单选按钮选择中面临问题

代码:使用此代码,我可以选择每个问题的多个复选框,但是当选择单选按钮选择时,我可以选择任何一个问题选项...如果我选择另一个

回答 1 投票 0

带有react-hook-form的单选按钮

我用react-hook-form创建了一个表单。它在控制台中正确记录“fullName”和“city”,但不记录单选按钮。使用单选按钮,您会得到结果“null”...

回答 2 投票 0

lit-html 不更新单选按钮

我有测验编辑器 - https://quiz-land.github.io/edit/XSZ5weNxLN。 链接到出现问题的代码的特定部分 - https://github.com/.../main/src/views/editor.js/answers.js。 W...

回答 1 投票 0

WordPress ACF 中继器字段 > 单选按钮值和 babel

我有一个中继器字段,其中有一个无线电字段。我需要输出标签和值。 在 ACF 字段中,我输入值:标签,例如: 红色:红地毯 绿色:绿叶 我尝试了一段代码: ...

回答 1 投票 0

所选图像的边框(单选按钮)

亲爱的大家,我有 5 个被动表情,在它们下面有 5 个可点击的图像,它们取代了单选按钮。 当您查看它时,透明度(不透明度)会更改为 50%。效果很好。 我想要的是一个

回答 1 投票 0

¿由于在 jsPDF 脚本中导入库,因此无法在选择收音机时输入错误的功能?

在使用输入无线电进行选择时,请单击一个公式,然后单击输入无线电选项以进行选择

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.