在选择文本输入时重置/禁用单选按钮可以通过以下步骤实现:
document.getElementsByName()
函数获取单选按钮的DOM元素,然后遍历元素列表,将每个单选按钮的checked
属性设为false
,即可重置单选按钮的状态。document.getElementsByName()
函数获取单选按钮的DOM元素,然后遍历元素列表,将每个单选按钮的disabled
属性设为true
,即可禁用单选按钮。下面是一个示例代码:
HTML部分:
<input type="radio" name="option" value="option1"> Option 1
<input type="radio" name="option" value="option2"> Option 2
<input type="radio" name="option" value="option3"> Option 3
<input type="text" id="textInput" onchange="handleInputChange()">
JavaScript部分:
function handleInputChange() {
var textInput = document.getElementById("textInput");
var radios = document.getElementsByName("option");
if (textInput.value === "Other") {
// 重置单选按钮
for (var i = 0; i < radios.length; i++) {
radios[i].checked = false;
}
// 或者禁用单选按钮
// for (var i = 0; i < radios.length; i++) {
// radios[i].disabled = true;
// }
}
}
在上述示例中,当文本输入框的值为"Other"时,会通过遍历单选按钮的方式将其重置,你也可以选择禁用单选按钮。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云