radio-button 相关问题

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

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

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

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

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

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

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

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

如何在 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; }

如何通过单击 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; }

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

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

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

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

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

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

如何取消点击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 演示

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

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

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

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

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

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

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

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

请告诉我我做错了什么，无论我做什么，我似乎都无法在同一行中获得标签和单选、复选框图标

这是我的代码示例 这是我的代码示例 <div class="form-check"> <label for""> <input type="radio" name="user-select" value="onetwo" class="one-to-two" checked>1-2 hours </label><br/> </div> <div class="form-check"> <label> <input type="radio" name="user-select" value="threefour" class="three-to-four"/> 3-4 hours </label> </div> <div class="form-check-career"> <input type="checkbox" class="form-check-input" id="check1" name="Front End" value="something"> <label class="form-check-label">Front-End Developer</label> </div> <div class="form-check-career"> <input type="checkbox" class="form-check-input" id="check2" name="Back End" value="something"> <label class="form-check-label">Back-End Developer</label> </div> <div class="form-check-career"> <input type="checkbox" class="form-check-input" id="check3" name="Full Stack" value="something"> <label class="form-check-label">Full Stack Developer</label> </div> 这是我的一些CSS label { display: block; margin: 0.5rem 0; } input { margin: 10px 0 10px 0; width: 100%; min-height: 2em } input[type="radio"] { flex-direction: row; } 我尝试了网上能找到的所有方法，但都不起作用，这令人沮丧。这些复选框和单选图标无法按照我的预期与标签对齐。有人可以告诉我我做错了什么吗？ 虽然不太清楚“排队”的含义，但如果您指的是水平居中，那么您可能需要更改一些代码。 由于您没有提供足够的代码作为上下文，请注意以下代码基于问题中发布的代码片段。 如果您按如下方式更改无线电输入 HTML： <div class="form-check"> <label for"">1-2 hours</label> <input type="radio" name="user-select" value="onetwo" class="one-to-two" checked /> </div> 并将 CSS 更改为以下内容： .form-check{ display:flex; align-items:center; justify-content:center; margin:0.5rem auto; } label { margin: 0.5rem; } input[type="radio"] { margin:0.5rem; display:flex; flex-direction: row; width:auto; } 然后输出应呈现为：

清除选中的单选按钮id

我正在开发一个在单选按钮上显示选项的测验应用程序。问题是，当我单击下一个按钮移至下一个问题时，会选择之前的单选按钮的 id...

如何设置 HTML 单选输入元素的样式以使单选按钮不存在

我正在应对一项挑战，想知道如何设计无线电输入元素的样式，以便： 实际的无线电功能本身并不存在， 该元素将是这样的，当被选择时，它的

当“选中”单选按钮时，使用其他单选输入显示多个 div ID

我在这里完全是新手 - 所以我会尽力解释。 我有一个表格，要求用户选择最近的城市（无线电输入），如果他们从选项中选择“伦敦”，那么我需要...

如何隐藏具有同一类的所有元素并使用单选按钮显示该类中的一个特定 ID？

我有四个共享同一个类的 div，每个都有自己唯一的 id。我还有四个无线电可以控制它们的不透明度。单击单选按钮时，会出现相关的 div（不透明度 = 1）并且...

如何将数据加载到单选按钮并使用React修改它们

我是React新手，我对Express（数据库：MSSQL）和React有疑问。 我有这个虚构的数据库，我想用这样的单选按钮可视化每个人的数据。 当我...