input[type=radio]获取值
时间: 2023-09-25 07:13:42 浏览: 49
要获取一个 radio button (单选按钮) 的值,可以使用以下 JavaScript 代码:
```
var radioBtn = document.querySelector('input[name="radioGroupName"]:checked');
var radioValue = radioBtn.value;
```
这里的 `radioGroupName` 是一组 radio button 的名称,而 `radioValue` 则是选中的 radio button 的值。注意,如果没有选中任何一个单选按钮,`radioBtn` 的值将是 `null`,因此在使用 `radioValue` 之前应该先检查 `radioBtn` 是否为 `null`。
相关问题
input type="radio" 获取杯选中的数据
首先,需要给每个选项设置一个相同的名称(name),不同的值(value),然后使用 JavaScript 获取选中的值。
示例代码如下:
```html
<input type="radio" name="drink" value="coffee">咖啡
<input type="radio" name="drink" value="tea">茶
<input type="radio" name="drink" value="juice">果汁
<script>
// 获取选中的值
var selectedValue = document.querySelector('input[name="drink"]:checked').value;
console.log(selectedValue);
</script>
```
在上面的代码中,我们使用了 document.querySelector() 方法选择被选中的单选框,并获取其值。如果没有选中任何单选框,则会抛出异常。因此,在实际应用中,需要先检查是否有选中的值,再进行操作。
input type="radio" value绑定对象
input 标签的 value 属性指定了该选项的值,而 name 属性指定了它所属的表单元素的名称。如果多个单选按钮具有相同的名称,但不同的值,那么它们将被视为同一组单选按钮。这意味着用户只能选择其中的一个选项。在表单提交时,只有被选中的单选按钮的值将被提交。因此,可以使用 JavaScript 来获取选择的单选按钮的值。例如:
```html
<form>
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</form>
<script>
const gender = document.querySelector('input[name="gender"]:checked').value;
console.log(gender); // 输出选中的单选按钮的值
</script>
```
在这个示例中,用户只能选择三个单选按钮之一。当用户提交表单时,被选中的单选按钮的值将作为表单数据的一部分被发送到服务器。在 JavaScript 中,我们使用 `document.querySelector('input[name="gender"]:checked')` 来获取被选中的单选按钮,然后使用 `.value` 属性来获取它的值。