radio-button 相关问题

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

您好，下面是代码，我尝试了很多方法，但无法获取所选单选按钮的值。如您所见，我需要在不同情况下获取该值。您好，下面是代码，我尝试了很多方法，但无法获取所选单选按钮的值。如您所见，我需要针对不同情况获取该值。 <div style="display: inline-block"> <div> <a href="/Login/LogOut">Log Out</a><span> Welcome </span>YS User 1 noName </div> <br /> <br /> <br /> <br /> <input type="button" onclick="submitCreate();" value="New Survey" /><br /> <input type="button" onclick="submitEdit();" value="Edit Survey" /><br /> <input type="button" onclick="submitDelete();" value="Delete Survey" /><br /> <input type="button" onclick="submitPreview();" value="Preview Survey" /> </div> <div style="display: inline-block"> <div> <table class="MyTable"><thead><tr class="columnHead"><th scope="col"></th><th scope="col"><a href="/User/Index?sort=UserID&sortdir=ASC">CreatedBy</a></th><th scope="col"><a href="/User/Index?sort=CreatedDate&sortdir=ASC">Created Date</a></th><th scope="col"><a href="/User/Index?sort=IsRunning&sortdir=ASC">Is Running</a></th></tr></thead><tbody><tr><td> <input name="selected" id="1" type="radio" value="1" /></td><td>1</td><td>12/12/2011 3:43:57 PM</td><td>False</td></tr><tr class="altRow"><td> <input name="selected" id="2" type="radio" value="2" /></td><td>1</td><td>12/13/2011 4:42:37 PM</td><td>False</td></tr><tr><td> <input name="selected" id="3" type="radio" value="3" /></td><td>1</td><td>12/13/2011 6:27:38 PM</td><td>False</td></tr></tbody></table> </div> </div> </body> </html> <script type="text/javascript"> // var value = $$('input[name=selected]:checked')[0].get('value'); // var selectFoo; // $$('input[name=selected]').each(function (el) { // if (el.checked == true) { // selectFoo = el.value; // } // }); function getCheckedValue(radioObj) { if (!radioObj) return ""; var radioLength = radioObj.length; if (radioLength == undefined) if (radioObj.checked) return radioObj.value; else return ""; for (var i = 0; i < radioLength; i++) { if (radioObj[i].checked) { return radioObj[i].value; } } return ""; }; function submitCreate() { var adress = "/User/CreateSurvey/"; document.location = adress; }; function submitEdit() { var adress = "/Den/Index/" + getCheckedValue('selected'); document.location = adress; }; function submitDelete() { var adress = "/User/DeleteSurvey/" + getCheckedValue('selected'); document.location = adress; }; function submitPreview() { var adress = "/User/PreviewSurvey/" + getCheckedValue('selected'); document.location = adress; }; </script> 您可以使用 document.getElementsByName(<button_name>) 或 document.getElementsByTagName("input") 获取输入元素数组。循环遍历这些元素以检查哪个是 checked。下面是如何从一组名为“selected”的单选按钮中获取选中按钮的值的示例： <html> <head> <script type="text/javascript"> function get_radio_value() { var inputs = document.getElementsByName("selected"); for (var i = 0; i < inputs.length; i++) { if (inputs[i].checked) { return inputs[i].value; } } } function onSubmit() { var id = get_radio_value(); alert("selected input is: " + id); } </script> </head> <body> <form onsubmit="onSubmit();"> <input name="selected" value="1" type="radio"/>1<br/> <input name="selected" value="2" type="radio"/>2<br/> <input name="selected" value="3" type="radio"/>3<br/> <input type="submit" value="submit"/> </form> </body> </html> 我选择让所需功能的代码数量。下面给出了对我有用的 api.jquery.com。希望这对其他人有帮助。 HTML <input type="radio" name="option" value="o1">option1</input> <input type="radio" name="option" value="o2">option2</input> JavaScript var selectedOption = $("input:radio[name=option]:checked").val() 变量 selectedOption 将包含所选单选按钮的值（即 o1 或 o2）

javascript html radio-button

回答 2 投票 0

如何将 WinUi 3 RadioButtons 设置为一组切换按钮？

我需要将一些分组单选按钮设置为切换按钮，如下所示，如何在 WinUi 中实现这是在 WPF 中执行相同操作的问题。将 WPF 单选按钮设置为切换按钮，并带有更正...

c# radio-button winui-3 togglebutton

回答 1 投票 0

使用具有相同输入 ID 的单选按钮

我编写了一个带有充当手风琴选项卡的单选按钮的代码。对于我的论坛，我需要能够在同一页面上多次发布完全相同的代码。我知道这可以通过简单地编辑...

html css forms radio-button

回答 1 投票 0

我在 Javafx 图像显示方面遇到问题

我正在为学校开发一个程序，用户可以选择一个单选按钮来显示总统的图像。但是，单击按钮时我无法显示图像。我不知道在哪里...

java javafx radio-button

回答 1 投票 0

动态检查单选按钮，基于'value'属性，不检查

尝试获取一个表单来加载之前检查过的无线电已经检查过的页面（在新加载时）。该页面的提交内容作为 php 变量保存，我可以将其传递到 javascri...

javascript html forms radio-button

回答 4 投票 0

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

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

javascript jquery html jquery-selectors radio-button

回答 30 投票 0

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

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

html radio-button blazor blazor-editform

回答 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); 浏览器将根据颜色亮度内部决定内部颜色是黑色还是白色。因此，作为解决方案，我建议您选择亮度范围相同的颜色

css sass radio-button accent-color

回答 1 投票 0

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

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

typescript next.js radio-button tailwind-css onchange

回答 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”的时间和原因。

php radio-button

回答 1 投票 0

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

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

.net blazor radio-button blazor-webassembly web-development-server

回答 1 投票 0

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

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

android firebase kotlin google-cloud-firestore radio-button

回答 1 投票 0

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

... <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()

python selenium-webdriver radio-button

回答 1 投票 0

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

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

winapi checkbox radio-button controls

回答 1 投票 0

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

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

radio-button default sanity

回答 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; }

html css blazor radio-button

回答 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; }

html blazor radio-button

回答 1 投票 0

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

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

button radio-button powerapps selecteditem textlabel

回答 1 投票 0

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

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

android kotlin android-studio android-recyclerview radio-button

回答 2 投票 0

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

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