尝试使用 ajax/jquery 获取选定单选按钮的值答案

【问题标题】：Trying to get value of selected radio button using ajax/jquery尝试使用 ajax/jquery 获取选定单选按钮的值
【发布时间】：2014-04-17 06:37:34
【问题描述】：

我正在尝试获取使用 ajax 和 jquery 选择的任何单选按钮的值，但我只能执行以下操作，当然它只有在选择该单选按钮时才有效。我做错了什么？

$('#urgencyJList').change(function () {
            var modelData = {
                paperType: $("#paperTypeJList").val(),
                urgency: $("#urgencyJList").val(),
                numOfPages: $("#numOfPagesJList").val(),
                **spacing: $("#doubleSpacingV").val()**
            };

            $.ajax({
                url: '@Url.Action("getNewPrice","Home")',
                data: modelData,
                type: "POST",
                cache: false,
                async: true,
                success: function (response) {
                    document.getElementById('priceLabel').innerHTML = response;
                }
            });
        });

我的单选按钮代码如下：

<div class="row">
    @Html.LabelFor(model => model.spacing, "Spacing:")
    <fieldset>
        <label for="doubleSpacingV">
            Double Spacing
            @Html.RadioButtonFor(model => model.spacing, "double", new { id = "doubleSpacingV", @checked = true })
        </label>
        <label for="singleSpacingV">
            Single Spacing
            @Html.RadioButtonFor(model => model.spacing, "single", new { id = "singleSpacingV" })
        </label>
        @Html.ValidationMessageFor(model => model.spacing)
    </fieldset>
</div>

【问题讨论】：

我刚刚用创建单选按钮的代码编辑了它
如何用我的代码做到这一点？有没有办法获得选中的任何单选按钮的值？

标签： c# javascript jquery ajax asp.net-mvc

【解决方案1】：

将您的 HTML 更改为，在这里我添加了公共类 spacingCheckBox 到单选按钮

<fieldset>
    <label for="doubleSpacingV">
        Double Spacing
        @Html.RadioButtonFor(model => model.spacing, "double", new { @class = "spacingCheckBox", @checked = true })
    </label>
    <label for="singleSpacingV">
        Single Spacing
        @Html.RadioButtonFor(model => model.spacing, "single", new { @class = "spacingCheckBox" })
    </label>
    @Html.ValidationMessageFor(model => model.spacing)
</fieldset>

要检索选中的复选框值，请使用

spacing: $('.spacingCheckBox:checked').val()

注意：我没有测试过

【讨论】：