jQuery 定位正确的单选按钮没有响应

Question

我有一个 javascript 数组，其中包含我想要检查的无线电的名称和值。

jQuery(window).load(function(){

var selected_options = new Array();
selected_options['swing_type'] = 'Slide';

    var x;
    for (x in selected_options){
        jQuery("#menu input[name="+ x +"][value="+ selected_options[x] +"]").attr('checked', 'checked');
    }
});

html 中有这样的内容：

<td>
    <input type="radio" id="swing" name="swing_type" value="Swing" /><label for="swing"> Swing</label><br />

    <input type="radio" id="slide" name="swing_type" value="Slide" /><label for="slide"> Slide</label>
  </td>

当我运行此脚本时，浏览器变得无响应。我尝试了一些变体，以下两个有效：

 jQuery("#menu input[value="+ selected_options[x] +"]").attr('checked', 'checked'); 
jQuery("#menu input[name=swing_type][value=Swing]").attr('checked', 'checked');

以下无效：

jQuery("#menu input[name=swing_type][value="+ selected_options[x] +"]").attr('checked', 'checked');

我希望有人能启发我找出问题所在。我想定位正确的无线电输入。如果我只针对这些值，我可能会看到可能存在两个带有是/否值的单独集合的情况。谢谢。

Answer 1

您正在对数组执行 for/in 操作。这有时会导致问题。

由于您指定了命名键，因此您应该使用一个对象：

var selected_options = {};

或

var selected_options = new Object();

测试示例： http ://jsfiddle.net/Ds3s8/