Javascript:选中的单选按钮

Question

在一页中我有两种搜索形式:

<form class="search-panel" method="post" action="" onsubmit="return searchRedirect(this)">
        <input type="test" name="searchFor" />
        <div class="additional-search-button"></div>
        <div id="additional-search-box">
            <div class="as-cont">
                Books<input type="radio" name="category" value="Books" checked="1" /><br/>
                School<input type="radio" name="category" value="School" /><br/>
                Music<input type="radio" name="category" value="Music" />
            </div>
        </div>
       <input type="submit" name="search" />
    </form>

<form class="search-panel" method="post" action="" onsubmit="return searchRedirect(this)">
            <input type="test" name="searchFor" />
            Games<input type="radio" name="category" value="Games" checked="1" />
            <input type="submit" name="search" />
        </form>

我的问题是，如果我在 searchRedirect 中单击“搜索游戏”，则总是提醒“书籍”、“学校”或“音乐”是否选中:

这是我的 javascript 函数:

function searchRedirect(form) {
    alert($(form['category']+':checked').val());

    if($(form['category']+':checked').val() == 'Форум')
        window.location.href = '/forum/search.php?keywords='+form['searchFor'].value;
    else {
        window.location.href = '/Search/'+$(form['category']+':checked').val()+'/'+form['searchFor'].value;
    }

    return false;
}

我需要如果我点击搜索游戏 - 只搜索游戏，如果我点击搜索书籍，学校或音乐 - 只搜索它们。但是现在游戏的搜索表单总是使用第一个表单选中的按钮。

Answer 1

form['category'] 将为您提供一个 NodeList，其中包含所有名称为 category 的表单元素，因此您不能使用通过将它与 :checked 连接起来作为选择器。它相当于 $("[object NodeList]:checked")。

由于您已经在使用 jQuery，因此您可以改用以下内容:

alert($(form).find("input[name='category']:checked").val());

也就是说，在 form 的上下文中，找到每个 input 名称为 category 且被checked 的元素, 并获取它的 value。