如何为单选按钮的多个实例获取选定的单选按钮值

Question

我正在尝试使用选择器$("input[name='job-destination[0]']")和$("input[name='job-destination[1]']") 。 但是，当我在$("input[name='job-destination[1]']")选择单选按钮时，它将从$("input[name='job-destination[0]']")输出值

<div class="form-group">
    <p>Destination</p>

    <div class="radio-btn-grp">
        <input class="job-destination" name="job-destination[0]" value="Australia" type="radio" required>
        <label for="job-destination">Australia</label>
    </div>
    <div class="radio-btn-grp">
        <input class="job-destination" name="job-destination[0]" value="Canada" type="radio">
        <label for="job-destination">Canada</label>
    </div>
</div>

<div class="form-group">
        <p>Destination</p>

        <div class="radio-btn-grp">
            <input class="job-destination" name="job-destination[1]" value="Australia" type="radio" required>
            <label for="job-destination">Australia</label>
        </div>
        <div class="radio-btn-grp">
            <input class="job-destination" name="job-destination[1]" value="Canada" type="radio">
            <label for="job-destination">Canada</label>
        </div>
    </div>

Answer 1

似乎$("input[name='job-destination[0]']")和$("input[name='job-destination[1]']")的值相等。 为了进行测试，请尝试更改值。 顺便说一句，您可以获得HTML元素，您可以看到其值，只需键入console.log($("input[name='job-destination[0]']")) ，例如

Answer 2

当您使用$("input[name='job-destination[0]']").val() ，它将始终返回第一个元素的值，而不管其是否被选中。

您需要使用:checked Selector以及.val()来获取其值。

匹配所有选中或选中的元素。

$("input[name='job-destination[0]']:checked").val()