radio-button 相关问题

在单个 body 属性中创建两组独立的单选按钮的方法

我的目标是在我的应用程序的单个页面中拥有两组不同的单选按钮。我编写了以下代码，该代码现在是错误的，需要帮助。 我在

自动循环单选按钮，也可以手动切换

我试图通过 jquery 每 5 秒自动迭代一次单选按钮；但是，当我手动切换按钮时，我需要该功能也能运行。这是我到目前为止所拥有的： $(记录...

如何根据RadioButton选项是否是正确的选择来更改其颜色？

我目前正在开发一个 R Shiny 应用程序来培训我们公司的一些 R 新手。使用 Shiny，我想包含多项选择题和选项来测试人们对某些问题的了解。对于

Thymeleaf 模板和 Spring Boot：从 Java 枚举创建无线电输入

我想从名为“source”的 Java 枚举类型自动填充 Thymeleaf 中的无线电输入控件。我在后端使用 Spring Boot。 我的控制器初始化枚举列表

根据单选按钮选择跳过页面

我是新人，前几天还不知道NSIS是什么。不过，我决定调查一下。我知道以前也有人问过类似的问题，但即使阅读了用户给出的答案，我仍然......

单选按钮激活后更改单选按钮选项的颜色（MC问题的正确答案）

我目前正在开发一个 R Shiny 应用程序来培训我们公司的一些 R 新手。使用 Shiny，我想包含多项选择题和选项来测试人们对某些问题的了解。对于

发送邮件表格 - 从单选按钮获取值

我已经尝试过在该网站上找到的许多解决方案，但我似乎无法弄清楚这一点。 我的单选按钮：

在单选或复选框项下嵌套字段集：Zend Framework 2

我想在每个单选/复选框项目下创建一个字段集。 例如 你喜欢哪些动物： [x] 猫 [猫相关问题的字段集] [ ] 小狗 [狗相关问题字段集...

如何在.Net MAUI中根据控件状态改变ContentPresenter的文本颜色

我的问题是这个问题的扩展，我想根据单选按钮的状态更改文本颜色。如果选中，我希望它是白色的，如果未选中，我希望它是黑色的。 细节： 我正在使用 c...

单选按钮出现两次primereact数据表reactjs

处理primereact数据表复选框和单选按钮，在我们部署应用程序的少数环境中，我们可以看到单选按钮或复选框出现两次，如下所示： 我能看到一些

有没有办法仅在选中多个无线电输入时才显示消息？

仅当选中两个单选按钮并单击提交按钮时，我才需要显示文本。 我尝试了很多不同的方法来实现这一点，但没有任何效果。 我还想提一下，我...

如何将 HTML 的单选按钮选择状态本地保存为 .TXT 文件并加载选择状态

我正在开发一个简单的 html 表单来使用文本输入字段和单选按钮收集不同的用户数据集。经过研究，我发现了一个很好的脚本，可以保存到 .txt 文件并从 .txt 文件加载

如何取消选中WPF（MVVM）中的单选按钮

我有一个单选按钮组。该选择并不强制要求填写表格。一开始，所有单选按钮都未被选中。如果用户无意中点击了其中一个，他就无法进入...

我想通过 FOR OF

我正在检查“男性”按钮，但获得“女性”值。 我想在检查男性按钮时获取男性值。 让 regUsers = []; 让 regForm = document.querySelector("#regForm&qu...</desc> <question vote="1"> <p>我正在检查“男性”按钮，但正在获取“女性”值。 我想在检查男性按钮时显示男性值。</p> <pre><code>&lt;script&gt; let regUsers = []; let regForm = document.querySelector(&#34;#regForm&#34;); let allRegInput = regForm.querySelectorAll(&#34;input&#34;); let regBtn = regForm.querySelector(&#34;#regBtn&#34;); regForm.addEventListener(&#34;submit&#34;, function(e){ e.preventDefault(); let data = {}; for(let elem of allRegInput){ key = elem.name; data[key] = elem.value; } regUsers.push(data) console.log(regUsers) }) </code></pre> </question> <answer tick="false" vote="0"> <p>假设按钮表示<pre><code>Radio Buttons</code></pre>。</p> <p>您的 <pre><code>for</code></pre> 循环正在循环遍历您拥有的所有单选按钮。由于在您的情况下，似乎 <pre><code>Female</code></pre> 可能是最后一个单选按钮，因此它会覆盖 <pre><code>Male</code></pre> 值，因为我们有以 <pre><code>input</code></pre> 作为名称的键。</p> <p>通过下面的例子来看看问题：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code> let regUsers = []; let regForm = document.querySelector(&#34;#regForm&#34;); let allRegInput = regForm.querySelectorAll(&#34;input&#34;); let regBtn = regForm.querySelector(&#34;#regBtn&#34;); regForm.addEventListener(&#34;submit&#34;, function(e){ e.preventDefault(); let data = {}; for(let elem of allRegInput){ key = elem.name; data[key] = elem.value; console.log(`key: ${key} and value: ${elem.value}`) } regUsers.push(data) console.log(&#34;------------&#34;) console.log(regUsers) })</code></pre> <pre><code> &lt;form id=&#34;regForm&#34;&gt; &lt;input type=&#34;radio&#34; name=&#34;input&#34; value=&#34;Male&#34;&gt;Male &lt;br&gt; &lt;input type=&#34;radio&#34; name=&#34;input&#34; value=&#34;Female&#34;&gt;Female &lt;br&gt;&lt;br&gt; &lt;button type=&#34;submit&#34; id=&#34;regBtn&#34;&gt;Click Me&lt;/button&gt; &lt;br&gt; &lt;/form&gt;</code></pre> </div> </div> <p></p> <p>您需要使用此<pre><code>regForm.querySelector(&#34;input[name=&#39;input&#39;]:checked&#34;);</code></pre>来获取所选单选按钮的值。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>let regUsers = []; let regForm = document.querySelector(&#34;#regForm&#34;); let regBtn = regForm.querySelector(&#34;#regBtn&#34;); regForm.addEventListener(&#34;submit&#34;, function(e) { e.preventDefault(); let data = {}; let selectedRadio = regForm.querySelector(&#34;input[name=&#39;input&#39;]:checked&#34;); if (selectedRadio) { data[selectedRadio.name] = selectedRadio.value; console.log(`key: ${selectedRadio.name} and value: ${selectedRadio.value}`); } regUsers.push(data); console.log(&#34;------------&#34;); console.log(regUsers); });</code></pre> <pre><code> &lt;form id=&#34;regForm&#34;&gt; &lt;input type=&#34;radio&#34; name=&#34;input&#34; value=&#34;Male&#34;&gt;Male &lt;br&gt; &lt;input type=&#34;radio&#34; name=&#34;input&#34; value=&#34;Female&#34;&gt;Female &lt;br&gt;&lt;br&gt; &lt;button type=&#34;submit&#34; id=&#34;regBtn&#34;&gt;Click Me&lt;/button&gt; &lt;br&gt; &lt;/form&gt; </code></pre> </div> </div> <p></p> </answer> </body></html>

我想在flutter中添加单选按钮

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

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 演示

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

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

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

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

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

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

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

我正在开发一个带有无线电输入的表单，其值为“是”和“否”。 这是代码： 我正在开发一个带有无线电输入的表单，其值为“是”和“否”。 这是代码： <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，了解有关事件侦听器的一些信息和示例。