二选一选择器代码
时间: 2023-07-03 19:08:51 浏览: 98
以下是一个简单的二选一选择器代码示例:
HTML 代码:
```
<p>请选择你喜欢的水果:</p>
<input type="radio" id="apple" name="fruit" value="apple">
<label for="apple">苹果</label><br>
<input type="radio" id="orange" name="fruit" value="orange">
<label for="orange">橙子</label><br>
```
JavaScript 代码:
```
const radioButtons = document.querySelectorAll('input[name="fruit"]');
let selectedFruit;
radioButtons.forEach(button => {
button.addEventListener('click', () => {
selectedFruit = button.value;
console.log(`你选择了${selectedFruit}`);
});
});
```
这段代码将创建两个单选按钮,分别对应“苹果”和“橙子”。在用户单击其中一个按钮时,将记录所选的水果并在控制台中打印出来。
阅读全文