jQuery获取所选单选按钮的正确值

Question

经过研究和各种实现的大量尝试，寻找如何从我的应用程序中获取单选按钮值。基本上它是文件 Index.cshtml 中非常简单的单选按钮：

<div class="col-md-2">
            <div style="padding: 0 20px;">
                <label for="star-filter2"> Projects vendors status:</label>
                <fieldset id="star-filter2">
                    <input class="radioCheck2" id="rated-filter2" value="true" type="radio" name="starfilter2" />Rated<img src="~/images/check.png" alt="tick box" height="20" width="20" />
                    <br />
                    <input class="radioCheck2" id="rated-filter2" value="false" type="radio" name="starfilter2" />Not rated<img src="~/images/excl_mark.png" alt="excl mark" height="20" width="20" />
                    <br />
                    <input class="radioCheck2" id="rated-filter2" value="null" type="radio" name="starfilter2" />NULL<img src="~/images/excl_mark.png" alt="excl mark" height="20" width="20" />
                </fieldset>
            </div>
        </div>

这是我试图获取选定单选按钮值的 javascript 代码：

    $("#filter2").click(function () {

    var showRated = $('#rated-filter2').is(':checked');
    localStorage.setItem("showRated", showRated);
    var location = $("#filter-button2").find("a").attr("href")....;
    window.location.href = location;
});

在此代码行中： var showRated = $('#rated-filter2').is(':checked'); is working ，但它只是在检查时获取值。我想要什么，我想获取所选单选按钮的值，例如：true、“null”以及我插入单选按钮的任何值。

我尝试了这些行，但我得到的是“未定义”或总是错误的值。

$('#input[name=\'starfilter2\']:checked').val(); 
$('#rated-filter2:selected').val();
$('#input[name=starfilter2]:checked').val();

它们都不起作用。

Answer 1

哇，首先，在这种情况下，没有理由拥有多个同名的 Id。 ID 应该是唯一的（例如驾驶执照 ID 或社会安全号码）

$(document).ready(function(){
    $("input[type='button']").click(function() {
        var radioValue = $("input[name='star-filter2']:checked").val();
        if(radioValue){
            alert("Selected: " + radioValue);
        }
    });
});

或者替换这个

var radioValue = $("input[name='star-filter2']:checked").val();

有了这个

var radioValue = $("input[id='rated-filter2']:checked").val();

记住要有唯一的 ID。