jQuery 更改单选按钮值..奇怪的一个

Question

我有一个奇怪的问题，可能是我忽略了一些东西，但这让我发疯。在我的应用程序中，我不希望用户选择超过 30 个项目，因此在 30 个项目之后，如果用户单击进一步的单选按钮，我不希望他这样做。

问题是，如果我通过 jquery 获取单选按钮的名称，然后设置该单选按钮的值，它不起作用，但如果我硬编码相同的名称，那么它就可以工作

这是 Jsfiddle 示例。 http://jsfiddle.net/s7GeZ/2/

HTML:

<span class="radiobut4" >
  Ignore <input type="radio" value="ignore" name="art_52643" id="52643" >
  Visible <input type="radio" value="visible" name="art_52643" id="52643" >
  Invisible <input type="radio" value="invisible" name="art_52643" id="52643">
</span>

Java 脚本:

$('input:radio').live("change",function (event){
var radioName = $(this).attr("name");
    alert(radioName);
    $("input:radio[name='+radioName+'][value ='ignore']").prop('checked', true);
   // $("input:radio[name='art_52643'][value ='ignore']").prop('checked', true);

});

只需注释/取消注释最后两行即可查看问题。

任何形式的帮助将不胜感激。

Answer 1

引号不匹配，请更改:

$("input:radio[name='+radioName+'][value ='ignore']").prop('checked', true);

至

$("input:radio[name='"+radioName+"'][value ='ignore']").prop('checked', true);

将变量连接到选择器中。
另请注意，具有相同名称的 radio 是一组，一次只能检查一个，具有相同 ID 的 radio 只是无效标记。