jquery - 为什么这个 Jquery 没有读取正确的单选按钮选中值？

Question

我在 asp.net-mvc View 中有以下代码:

<input checked="checked" id="outputFilter" name="outputFilter" value="Detail" type="radio"> Detail Info
<input id="outputFilter" name="outputFilter" value="Summary" type="radio"> Summary Info

<input checked="checked" id="outputSorting" name="outputSorting" value="Milestone" type="radio"> Milestone
<input id="outputSorting" name="outputSorting" value="AppRank" type="radio">App --&gt; Rank

我有这个 JavaScript 代码:

 var sortValue = $("input[@name='outputSorting']:checked").val();
 var dataValue = $("input[@name='outputFilter']:checked").val();

问题是我得到了 sortValue 和 dataValue 的值“Detail”

任何人都可以看到这段代码有什么问题会导致这种情况吗？

Answer 1

删除@符号。对于属性来说，这种做法很久以前就已被弃用。

var sortValue = $("input[name='outputSorting']:checked").val();
var dataValue = $("input[name='outputFilter']:checked").val();

此外，关闭输入标记以使 HTML 有效。

<input ... value="Detail" type="radio" /> Detail Info
<input id="outputFilter" ... type="radio" /> Summary Info
...

• Your code使用 jQuery 1.2.6(有效)。
• Your code使用 jQuery 1.3.2(不起作用)。