radio-button 相关问题

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

我如何知道通过 jQuery 选择了哪个单选按钮?

我有两个单选按钮,想要发布所选按钮的值。 如何使用 jQuery 获取值? 我可以像这样得到所有这些: $("形式:广播") 我怎么知道选择了哪一个?

回答 30 投票 0

如何默认检查 Blazor 中的 InputRadio 单选按钮

使用 Blazor 服务器,我尝试在表单中设置一些单选按钮并默认检查第一个按钮。 我在 EditForm 中使用 InputRadio 并设置 check="checked" 或 che...

回答 2 投票 0

表单输入上的 CSS 强调色无法按预期工作

点击我蓝色! ... <body> <p> <input type="radio" class="custom-radio-blue" checked /> Click me blue! </p> <p> <input type="radio" class="custom-radio-red" checked /> Click me red! </p> <style> .custom-radio-blue { accent-color: #01adef; } .custom-radio-red { accent-color: red; } </style> </body> 在我上面的代码中,为什么红色收音机工作正常,为什么不使用强调色 css 属性的蓝色? 我无法解释为什么每个浏览器的外观都有不同的决定,但是如果你将蓝色从 accent-color: rgb(1,153,255); 至 accent-color: rgb(1,152,255); 或来自 accent-color: rgb(33,152,255); 至 accent-color: rgb(34,152,255); 浏览器将根据颜色亮度内部决定内部颜色是黑色还是白色。因此,作为解决方案,我建议您选择亮度范围相同的颜色

回答 1 投票 0

有关带有 typescript 和 tailwind 的 next.js 应用程序中单选组中默认检查输入的错误

使用 next.js,我构建了一个网页,该网页接受用户的输入(用户从 3 个菜单中进行选择),然后显示包含所请求信息的 Chartjs 条形图。所有 3 个菜单都有默认值

回答 1 投票 0

单选按钮的 $_POST 值中的临时错误

我有一个通过 POST 提交的简单表单,大约有 60 个单选按钮组,如下所示: ja 我有一个通过 POST 提交的简单表单,大约有 60 个单选按钮组,如下所示: <label for="termin1_online_ja">ja</label> <input type="radio" name="termin1_online" id="termin1_online_ja" value="ja"> <label for="termin1_online_nein">nein</label> <input type="radio" name="termin1_online" id="termin1_online_nein" value="nein" checked=""> 不存在任何可能把事情搞砸的隐藏输入。所以 $_POST["termin1_online"] 的值应该是“ja”或“nein” - 但不知何故我有时会得到“1”。如果发生这种情况,似乎所有以“ja”和“nein”为值的单选按钮都会发生这种情况(有几个),但其他按钮不会发生这种情况。更奇怪的是,我只是返回(Chrome 后退按钮)并再次提交了完全相同的表单,没有更改任何内容,然后得到了正确的结果。 我不知道这怎么可能,也不知道从哪里开始寻找——几个月来没有对该表格进行任何更改,它曾经工作得很好,现在却引起了麻烦。 预先感谢! 听起来您遇到了意外行为,其中 $_POST["termin1_online"] 的值有时为“1”,而不是预期的“ja”或“nein”。此行为可能是由多种因素引起的,包括客户端或服务器端问题。您可以采取以下一些故障排除步骤来诊断和解决问题: 检查 HTML 表单标记:确保 HTML 表单标记正确,并且每个单选按钮组具有唯一的名称属性。就您而言,您提供的标记似乎是正确的,但值得仔细检查。 检查请求负载:提交表单时,使用浏览器开发者工具(例如 Chrome 开发者工具)检查网络请求。验证 POST 请求中发送的表单数据是否包含单选按钮组的预期值。 检查 JavaScript 干扰:如果有任何 JavaScript 代码在提交前操作表单数据,请检查它以确保它不会干扰单选按钮值。 服务器端验证:实现服务器端验证以优雅地处理意外值。检查 $_POST["termin1_online"] 的值并确保它是“ja”或“nein”。如果不是,请适当处理错误(例如,记录错误、向用户显示消息)。 在不同浏览器中测试:在不同的网络浏览器中测试表单提交,看看问题是否特定于特定浏览器。 检查缓存:确保浏览器没有缓存以前的表单提交。清除浏览器缓存并再次测试,以确保您获得一致的结果。 检查服务器端配置:检查服务器端配置,包括 PHP 设置,以确保不存在可能导致意外行为的问题。 日志记录:在 PHP 代码中添加日志语句以记录 $_POST["termin1_online"] 的值和任何其他相关变量。这可以帮助您确定该值有时为“1”的时间和原因。

回答 1 投票 0

单选按钮不会将值保存到类 Blazor 组件

我用inputSelects,Inputexts和InputCheckboxes制作了一个表单,单选按钮是唯一给我带来问题的组件,我尝试将类型更改为int,bool和string,但它没有改变任何...

回答 1 投票 0

我无法获取单击了哪个单选按钮

如果一个人单击 id 为“可协商”的单选按钮,我会尝试存储“是”,否则如果单击 id“不可协商”或未选择任何内容,则存储“否”。 科特林函数 公关...

回答 1 投票 0

尝试在表中查找单选按钮的元素,但出现“列表超出范围”错误

... <tr> <td id="td2"> <div id="firstDiv"> <table border="0" cellspacing="1" cellpadding="2"> <tbody><tr> <td>&nbsp;</td> <td>ISOC</td> <td>User Id</td> <td>Name</td> <td>User Type</td> <td>Template</td> </tr> <tr> <td style="background-color: rgb(10, 66, 121); color: rgb(255, 255, 255);"><input type="radio" class="radio" onclick= "this.form.iata_portal_entry.disabled=this.form.cancel.disabled =false;" name="login" value="iata_portal_entry.0.107AT.4354"></td> <td style="background-color: rgb(10, 66, 121); color: rgb(255, 255, 255);">AT</td>` 我选择单选按钮的代码:- radiobuttons = driver.find_elements(By.XPATH, "//td/input[@type='radio']") print(radiobuttons) radiobuttons[0].click() 尝试过替代代码:- driver.find_element(By.XPATH, "//input[@type='radio'][@value='iata_portal_entry.0.107AT.4354']").click() 您看到的错误是由“find_elements”方法返回的空列表引起的。 您的 XPATH 无效(看起来有效),或者您的表格位于 iframe 中,或者您的页面未完全加载。 您没有提供目标网站的链接,但一般来说,使用单选按钮时不应该有任何技巧。 这是处理单选按钮的简单示例。它包括等待元素出现,循环遍历所有找到的元素,仔细检查元素是否可单击,然后进行实际单击。 wait = WebDriverWait(driver, 10) try: driver.get("https://qbek.github.io/selenium-exercises/en/radio_buttons.html") elements = wait.until(EC.presence_of_all_elements_located((By.XPATH, "//input[@type='radio']"))) for el in elements: wait.until(EC.element_to_be_clickable(el)).click() time.sleep(1) finally: driver.quit()

回答 1 投票 0

自动计算标准 WinAPI 控件的宽度

我正在尝试编写一个通用函数来根据当前的标题/文本内容自动计算几种标准类型的WinAPI控件的宽度。这段代码运行得很好...

回答 1 投票 0

如何在 Sanity Studio 中设置单选按钮的默认值?

我正在尝试在 Sanity Studio 中设置给定单选项目列表的默认值。 代码: 导出默认值{ 名称:'横幅', 标题:“横幅”, 类型:'文档', 字段:[ { 姓名:“

回答 2 投票 0

如何在 Blazor/Scss 中自定义输入的父类

目前我有一个 设置,其中小时候有 。这样做是为了使标签可单击并选择子无线电输入。 目前我有一个 <label> 的设置,小时候有一个 <input type=radio>。这样做是为了使标签可单击并选择子无线电输入。 <div id="content"> <label class="option"> <input type="radio" name="letters" value="a" /> <a>A</a> <p>Lorem Ipsum.</p> </label> <label class="option"> <input type="radio" name="letters" value="b" /> <a>B</a> <p>Lorem Ipsum.</p> </label> <label class="option"> <input type="radio" name="letters" value="cS" /> <a>C</a> <p>Lorem Ipsum.</p> </label> <label class="option"> <input type="radio" name="letters" value="d" /> <a>D</a> <p>Lorem Ipsum.</p> </label> </div> 问题是我似乎找不到自定义标签的方法。我的目标是在选择输入时更改背景颜色。 这是this的后续问题。 尝试: .option:has(> input:checked) { background-color: #ccc; }

回答 1 投票 0

如何通过单击 Blazor 中的 div 来选择单选按钮?

在我的项目中,我有几个单选按钮组,其中附加了一些额外的信息,如下所示: ... 在我的项目中,我有几个单选按钮组,其中附加了一些额外的信息,如下所示: <div> <div class="option"> <input type="radio" name="Letters" value="a" /> <a>Letter A</a> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class="option"> <input type="radio" name="Letters" value="b" /> <a>B</a> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class="option"> <input type="radio" name="Letters" value="c" /> <a>C</a> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class="option"> <input type="radio" name="Letters" value="d" /> <a>D</a> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> 如果我单击单选按钮点,它就可以工作,但我希望能够单击父 div 并更改值。我读到这可以通过父 div 上的 @onchanged 来完成,但我只遇到过如何做到这一点的 JS 片段。 我该怎么做? 您可以使用 <label> 元素而不是 <div> 元素将单击事件传播到输入。无需代码! <label class="option"> <input type="radio" name="Letters" value="c" /> <a>C</a> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </label> 工作演示: https://blazorfiddle.com/s/sr414t1n 注意:我在 .option 类中添加了一些 CSS,以将标签呈现为块元素。悬停样式只是为了显示单击何时会对 <label> 元素产生影响。 .option { display: block; } .option:hover { background-color: #ccc; cursor: pointer; }

回答 1 投票 0

在文本标签中显示 Power Apps 复选框控制所选值

我添加了一个四复选框控件并手动设置其 Text 属性。到目前为止,一切都很好,现在,我想通过单击按钮 c...

回答 1 投票 0

Recyclerview 中的单选按钮在 Kotlin 中无法正常工作

适配器类 -------------- 类 FilterByDataAdapter( val filterByData: (ArrayList) -> 单位, val filterByDataRadioBtn: (String) -> 单位 ) : RecyclerView.Adapter<

回答 2 投票 0

NG_VALUE_ACCESSOR 不向单选按钮的父组件返回值

在父组件中,我创建了一个适用于 3 对单选按钮的表单。我想使用 NG_VALUE_ACCESSOR 来做到这一点,从父母到孩子的沟通对我来说很有效,但是当我...

回答 1 投票 0

如何取消点击Primevue的单选按钮?

我正在使用 vue3 和 Primevue 来开发我的应用程序。我想在单击时取消选择 Primevue 的单选按钮。有办法做到吗?这是我的单选按钮代码。 我使用 vue3 和 Primevue 来开发我的应用程序。我想在单击时取消选择 Primevue 的单选按钮。有办法做到吗?这是我的单选按钮代码。 <div class="field col-12 md:col-12 lg:col-12"> <template v-for="currency in currencies" :key="currency.id"> <div v-if="v$.currency.$model !== currency.code" class="flex align-items-center mb-2"> <RadioButton v-model="paidInType" :inputId="currency.code" name="payIn" :value="currency.code" /> <label :for="currency.code" class="ml-2">Pay in {{ currency.symbol }}</label> </div> </template> </div> 单选按钮并不意味着不可选择。 请针对您的用例使用复选框或切换组件,并根据您的需要重新设计它们。 但是如果您确实需要覆盖默认的单选按钮操作,则添加 @click 方法来删除所选值(如果其等于单击的单选按钮值)。 从 UI/UX 角度来看,您不应该将单选按钮留空。这就是为什么 PrimeVue 无线电组件没有 required 属性(只是假设需要)。这种行为已经成为几十年来的标准,即必须选择一个单选选项,即使该选项是“不适用”或“不想说”等。如果您确实需要取消选择,请首先考虑使用不同的组件。 如果您确实想取消选择单选按钮,您需要做的就是在选择事件时将 v-model 设置回默认的未选择值状态。由于您需要首先确认新选择的值与之前的值相同,因此您需要始终跟踪之前的值。 const paidInType = ref(''); const prevValue = ref(''); function selectRadio(value) { if (prevValue.value === paidInType.value) { paidInType.value = ''; } } <RadioButton v-model="paidInType" @click="prevValue = paidInType" @update:modelValue="selectRadio(currency.code)" :inputId="currency.code" name="payIn" :value="currency.code" /> stackblitz 演示

回答 2 投票 0

如何将 Control 的内容属性作为 CommandParameter WPF 传递

我有一个 WPF 项目,有 19 个单选按钮。我想设置每个命令属性。 为了分隔所有命令操作,我想将 RadioButton Content 属性作为 CommandParameter 发送。 我尝试

回答 2 投票 0

如何在 tkinter 中将单选按钮向左对齐?

在此输入图像描述 我的代码显示单选按钮未对齐,点击图片即可查看,我想以更好的方式定义 var(1,2,3,4,5) 。 我对编程很陌生,但我已经尝试过...

回答 6 投票 0

为什么我的ReactJS组件没有动态渲染?

我正在尝试从服务器获取 JavaScript 对象数组并将它们动态呈现到一组单选按钮中。 在这个例子中,我有一个包含 28 个 JavaScript 对象的数组,所以我应该...

回答 1 投票 0

document.querySelector('input[name=nameOfradio]:checked').value;但收音机未检查

我正在尝试通过以下方式从收音机获取值: document.querySelector('input[name=nameOfradio]:checked').value; 但即使没有检查任何无线电,我也想获得一个值。 例如在这个

回答 2 投票 0

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