JQuery中如何使用radio,为什么失效? <input type="radio" id="forever" name="myradio" >
时间: 2023-10-16 22:28:45 浏览: 39
在 jQuery 中使用 radio,可以通过获取选中的值来实现。可以使用 `:checked` 选择器来获取选中的 radio。
例如,如果你想获取名为 `myradio` 的 radio 的选中值,可以使用以下代码:
```javascript
var selectedValue = $('input[name=myradio]:checked').val();
```
在你提供的 HTML 代码中,radio 的 `id` 属性没有被设置为选项值,因此无法通过获取选中值来获取其值。你需要为每个 radio 设置不同的 `id` 属性和相同的 `name` 属性。例如:
```html
<input type="radio" id="option1" name="myradio" value="option1">
<label for="option1">Option 1</label>
<input type="radio" id="option2" name="myradio" value="option2">
<label for="option2">Option 2</label>
<input type="radio" id="option3" name="myradio" value="option3">
<label for="option3">Option 3</label>
```
然后,你可以使用以下代码来获取选中的 radio 的值:
```javascript
var selectedValue = $('input[name=myradio]:checked').val();
```
如果你的 radio 失效,可能是因为没有为每个 radio 设置相同的 `name` 属性,或者没有正确设置选项值。请检查 HTML 代码并确保它们设置正确。