2024年4月12日发(作者:)

JQuery判断radio单选框是否选中并获取值的方法

方法一:使用prop(方法判断单选框是否选中

可以使用prop(方法来获取radio单选框的checked属性。如果该属

性为true,则表示单选框选中,否则为未选中。代码如下:

```javascript

if ($('input[name="radioName"]').prop("checked"))

var value = $('input[name="radioName"]').val(;

("单选框选中,值为:" + value);

} else

("单选框未选中");

```

其中,radioName是单选框的name属性,value是选中的值。

方法二:使用is(方法判断单选框是否选中

可以使用is(方法来判断radio单选框是否被选中,并获取选中的值。

代码如下:

```javascript

if ($('input[name="radioName"]').is(":checked"))

var value = $('input[name="radioName"]:checked').val(;

("单选框选中,值为:" + value);

} else

("单选框未选中");

```

其中,radioName是单选框的name属性,value是选中的值。

方法三:使用each(方法遍历单选框并判断是否选中

可以使用each(方法来遍历radio单选框,并判断是否选中。代码如

下:

```javascript

$('input[name="radioName"]').each(functio

if ($(this).is(":checked"))

var value = $(this).val(;

("单选框选中,值为:" + value);

} else

("单选框未选中");

}

});

```

其中,radioName是单选框的name属性,value是选中的值。

方法四:使用filter(方法筛选选中的单选框

可以使用filter(方法来筛选选中的radio单选框,并获取选中的值。

代码如下:

```javascript

var checkedRadio =

$('input[name="radioName"]').filter(":checked");

if ( > 0)

var value = (;

("单选框选中,值为:" + value);

} else

("单选框未选中");

```

其中,radioName是单选框的name属性,value是选中的值。

以上是几种常用的方法,可以根据实际情况选择使用。