js取得选中radio的值
时间: 2023-08-29 22:08:16 浏览: 135
JavaScript中获取Radio被选中的值
5星 · 资源好评率100%
要获取选中的radio的值,可以使用以下JavaScript代码:
```html
<form>
<input type="radio" id="option1" name="options" value="option1">
<label for="option1">Option 1</label><br>
<input type="radio" id="option2" name="options" value="option2">
<label for="option2">Option 2</label><br>
<input type="radio" id="option3" name="options" value="option3">
<label for="option3">Option 3</label>
</form>
<script>
const radios = document.querySelectorAll('input[name="options"]');
radios.forEach(radio => {
radio.addEventListener('change', (event) => {
const selectedOption = event.target.value;
console.log(`Selected option: ${selectedOption}`);
});
});
</script>
```
在上面的代码中,我们首先获取所有具有相同name属性的单选框,并为它们添加一个change事件监听器。当用户选择其中一个选项时,事件监听器将获取所选选项的值,并将其存储在一个变量中。在这个示例中,我们将所选选项的值打印到控制台中,但你可以根据自己的需求将其用于其他操作。
阅读全文