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()

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

2 个答案: