radiogroup获取选中值
时间: 2023-08-29 11:10:31 浏览: 201
要获取 RadioGroup 中选中的值,你可以使用以下方法:
1. 使用 JavaScript/jQuery:
```
// 使用 JavaScript
var radios =.getElementsByName('radiogroup');
var selectedValue;
for (var i =0; i < radios.length; i++) {
if (radios[i].checked) {
selectedValue = radios[i].value;
break;
}
}
console.log(selectedValue);
// 使用 jQuery
var selectedValue = $('input[name=radiogroup]:checked').val();
console.log(selectedValue);
```
2. 使用 Vue.js(假设你正在使用 Vue.js):
```html
<template>
<div>
<input type="radio" id="option1" value="option1" v-model="selectedValue">
<label for="option1">Option 1</label>
<br>
<input type="radio" id="option2" value="option2" v-model="selectedValue">
<label for="option2">Option 2</label>
<br>
<button @click="getSelectedValue">Get Selected Value</button>
</div>
</template>
<script>
export default {
data() {
return {
selectedValue: ''
};
},
methods: {
getSelectedValue() {
console.log(this.selectedValue);
}
}
};
</script>
```
以上是几种常见的方法来获取 RadioGroup 中选中的值,具体使用哪种方法取决于你所使用的技术栈。
阅读全文