从输入文本框中获取输入组单选数值,可以通过以下步骤实现:
addEventListener
函数绑定change
事件。value
属性获取用户输入的文本值。checked
属性判断是否被选中。value
属性获取被选中单选按钮的值。以下是一个示例代码:
<input type="text" id="inputText">
<input type="radio" name="options" value="option1"> Option 1
<input type="radio" name="options" value="option2"> Option 2
<input type="radio" name="options" value="option3"> Option 3
<script>
const inputText = document.getElementById('inputText');
const radioButtons = document.getElementsByName('options');
function handleInputChange() {
const inputValue = inputText.value;
let selectedValue = '';
for (let i = 0; i < radioButtons.length; i++) {
if (radioButtons[i].checked) {
selectedValue = radioButtons[i].value;
break;
}
}
console.log('Input Text:', inputValue);
console.log('Selected Value:', selectedValue);
}
inputText.addEventListener('change', handleInputChange);
radioButtons.forEach(button => button.addEventListener('change', handleInputChange));
</script>
在上述示例中,通过getElementById
和getElementsByName
函数获取文本框和单选按钮的引用。然后,使用addEventListener
函数绑定change
事件,并在事件处理程序中获取文本框的值和被选中的单选按钮的值。最后,将获取到的值输出到控制台供调试和进一步处理。
请注意,以上示例中没有提及具体的腾讯云产品和链接地址,因为与获取输入组单选数值相关的功能通常不需要特定的云计算产品。
领取专属 10元无门槛券
手把手带您无忧上云