单选按钮是表单中使用的元素。它们让用户只选择有限数量的选项中的一个。
我有两个单选按钮，想要发布所选按钮的值。 如何使用 jQuery 获取值？ 我可以像这样得到所有这些： $("形式：广播") 我怎么知道选择了哪一个？
如何默认检查 Blazor 中的 InputRadio 单选按钮
使用 Blazor 服务器，我尝试在表单中设置一些单选按钮并默认检查第一个按钮。 我在 EditForm 中使用 InputRadio 并设置 check="checked" 或 che...
点击我蓝色！ ... <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); 浏览器将根据颜色亮度内部决定内部颜色是黑色还是白色。因此，作为解决方案，我建议您选择亮度范围相同的颜色
有关带有 typescript 和 tailwind 的 next.js 应用程序中单选组中默认检查输入的错误
使用 next.js，我构建了一个网页，该网页接受用户的输入（用户从 3 个菜单中进行选择），然后显示包含所请求信息的 Chartjs 条形图。所有 3 个菜单都有默认值
我有一个通过 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”的时间和原因。
我用inputSelects，Inputexts和InputCheckboxes制作了一个表单，单选按钮是唯一给我带来问题的组件，我尝试将类型更改为int，bool和string，但它没有改变任何...
如果一个人单击 id 为“可协商”的单选按钮，我会尝试存储“是”，否则如果单击 id“不可协商”或未选择任何内容，则存储“否”。 科特林函数 公关...
... <tr> <td id="td2"> <div id="firstDiv"> <table border="0" cellspacing="1" cellpadding="2"> <tbody><tr> <td> </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()
我正在尝试编写一个通用函数来根据当前的标题/文本内容自动计算几种标准类型的WinAPI控件的宽度。这段代码运行得很好...
如何在 Sanity Studio 中设置单选按钮的默认值？
我正在尝试在 Sanity Studio 中设置给定单选项目列表的默认值。 代码： 导出默认值{ 名称：'横幅'， 标题：“横幅”， 类型：'文档'， 字段：[ { 姓名：“
目前我有一个 设置，其中小时候有 。这样做是为了使标签可单击并选择子无线电输入。 目前我有一个 <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; }
在我的项目中，我有几个单选按钮组，其中附加了一些额外的信息，如下所示： ... 在我的项目中，我有几个单选按钮组，其中附加了一些额外的信息，如下所示： <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; }
我添加了一个四复选框控件并手动设置其 Text 属性。到目前为止，一切都很好，现在，我想通过单击按钮 c...
Recyclerview 中的单选按钮在 Kotlin 中无法正常工作
适配器类 -------------- 类 FilterByDataAdapter( val filterByData: (ArrayList) -> 单位, val filterByDataRadioBtn: (String) -> 单位 ) : RecyclerView.Adapter<
NG_VALUE_ACCESSOR 不向单选按钮的父组件返回值
在父组件中，我创建了一个适用于 3 对单选按钮的表单。我想使用 NG_VALUE_ACCESSOR 来做到这一点，从父母到孩子的沟通对我来说很有效，但是当我...
我正在使用 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 演示
如何将 Control 的内容属性作为 CommandParameter WPF 传递
我有一个 WPF 项目，有 19 个单选按钮。我想设置每个命令属性。 为了分隔所有命令操作，我想将 RadioButton Content 属性作为 CommandParameter 发送。 我尝试
在此输入图像描述 我的代码显示单选按钮未对齐，点击图片即可查看，我想以更好的方式定义 var(1,2,3,4,5) 。 我对编程很陌生，但我已经尝试过...
我正在尝试从服务器获取 JavaScript 对象数组并将它们动态呈现到一组单选按钮中。 在这个例子中，我有一个包含 28 个 JavaScript 对象的数组，所以我应该...
document.querySelector('input[name=nameOfradio]:checked').value;但收音机未检查
我正在尝试通过以下方式从收音机获取值： document.querySelector('input[name=nameOfradio]:checked').value; 但即使没有检查任何无线电，我也想获得一个值。 例如在这个