我编写了一个jQuery插件，用于设置和获取单选按钮值。它还尊重他们身上的“变化”事件。

(function ($) {

    function changeRadioButton(element, value) {
        var name = $(element).attr("name");
        $("[type=radio][name=" + name + "]:checked").removeAttr("checked");
        $("[type=radio][name=" + name + "][value=" + value + "]").attr("checked", "checked");
        $("[type=radio][name=" + name + "]:checked").change();
    }

    function getRadioButton(element) {
        var name = $(element).attr("name");
        return $("[type=radio][name=" + name + "]:checked").attr("value");
    }

    var originalVal = $.fn.val;
    $.fn.val = function(value) {

        //is it a radio button? treat it differently.
        if($(this).is("[type=radio]")) {

            if (typeof value != 'undefined') {

                //setter
                changeRadioButton(this, value);
                return $(this);

            } else {

                //getter
                return getRadioButton(this);

            }

        } else {

            //it wasn't a radio button - let's call the default val function.
            if (typeof value != 'undefined') {
                return originalVal.call(this, value);
            } else {
                return originalVal.call(this);
            }

        }
    };
})(jQuery);

将代码放在任何位置以启用加载项。那就享受吧！它只是重写默认的val函数而不破坏任何东西。

你可以访问这个jsFiddle来尝试它的实际操作，看看它是如何工作的。

不停摆弄

使用此。。

$("#myform input[type='radio']:checked").val();

JQuery获取表单中的所有单选按钮和选中的值。

$.each($("input[type='radio']").filter(":checked"), function () {
  console.log("Name:" + this.name);
  console.log("Value:" + $(this).val());
});

使用$（'input[name=“radioName”]'）.filter（“：checked”）.val（）；对我来说是最好的方式。

经过测试，这是可行的

Form

<form id="myForm">
  <input type="radio" name="radioName" value="Option1"> Option1
  <input type="radio" name="radioName" value="Option2" checked> Option2
  <input type="radio" name="radioName" value="Option3"> Option3
</form>

滑动分页

$(document).ready(function() {
  $('input[name="radioName"]').on('change', function() {
     const val = $(this).filter(":checked").val();
     alert(val);
  })

  // First load check
  const val = $('input[name="radioName"]').filter(":checked").val();
  alert(val);
});

此处示例：https://codepen.io/abinhho/pen/mdLrqbX

如果您只想要布尔值，即是否选中，请尝试以下操作：

$("#Myradio").is(":checked")

获取所有收音机：

var radios = jQuery("input[type='radio']");

筛选以获取选中的

radios.filter(":checked")