jQuery获取radio选中项的值实例

获取 Radio 选中项值的 jQuery 方法指南

大家好！今天我来分享一个使用 jQuery 获取 radio 选中项值的实用方法。如果你正在处理表单中的 radio 按钮并且需要获取用户选中的值，那么这篇文章一定会帮到你。

假设我们有一个包含若干 radio 输入项的表单，这些输入项用于表示用户的满意度调查。我们可以使用 jQuery 来获取用户选中的值。这里有两种情况：一种是没有默认选中项的情况，另一种是有默认选中项的情况。

没有默认选中项的情况：

在这种情况下，我们需要先判断是否有任何 radio 项被选中，然后再获取选中的值。当用户点击某个按钮时，我们可以使用 jQuery 的 `.click()` 事件来执行相关操作。代码如下：

```javascript

$("btnclick").click(function () {

// 获取选中项的 value 属性

var chkRadio = $('input:radio[name="list"]:checked').val();

if (chkRadio == null) {

alert("没有选中项");

} else {

alert(chkRadio);

}

});

```

有默认选中项的情况：

在这种情况下，我们一般使用遍历的方法来判断哪一项被选中，并获取其 value 属性的值。同样，在用户点击按钮时，我们可以使用上述的 `.click()` 事件，并调用一个自定义函数来获取选中的值。代码如下：

```javascript

$("btnclick2").click(function () {

var chk2 = getRadioValue("list2");

alert(chk2);

});

function getRadioValue(radioName) {

var chkRadio = document.getElementsByName(radioName);

for (var i = 0; i < chkRadio.length; i++) {

if (chkRadio[i].checked) {

return chkRadio[i].value;

}

}

}

```

这是一个简单的示例，演示了如何使用 jQuery 来获取 radio 选中项的值。无论是没有默认选中项还是有默认选中项的情况，我们都可以轻松地获取用户的选择。希望这个方法能够帮助到你，如果你在开发过程中遇到类似的问题。也希望大家多多支持我们的博客或网站。谢谢！