javascript - 使用 Jquery 从对象属性填充单选按钮

Question

我正在尝试设置单选按钮，将值与要返回的对象的属性相匹配，并根据值检查按钮，但我的代码对我不起作用。

我有带有单选按钮的 HTML

<input type="radio" name="subject1" value="0" checked />
<input type="radio" name="subject1" value="1" />
<input type="radio" name="subject1" value="2" />

<input type="radio" name="subject2" value="0" checked />
<input type="radio" name="subject2" value="1" />
<input type="radio" name="subject2" value="2" />

<input type="radio" name="subject3" value="0" checked />
<input type="radio" name="subject3" value="1" />
<input type="radio" name="subject3" value="2" />

我正在返回一个对象:

obj = { CustomObjectKey: 2, subject1: "2", subject2: "0", subject3: "1", subject4: "0", ..... } 

我正在尝试设置单选按钮并根据返回的数据检查它们。所有值一开始都设置为 0，但需要根据属性和值进行更改。

我的 Jquery 脚本如下:

$.each(obj, function(key, value) {
$("input[name='+key+'][value='+value+']").prop('checked', true);
});

因此，对于 subject1，应选中值为“2”的单选按钮

但是我的单选按钮只是停留在“0”

Answer 1

each 中的字符串连接是错误的。将双引号(")替换为单引号(')。

$.each(obj, function (key, value) {
    $('input[name='+key+'][value='+value+']').prop('checked', true);
});

完整代码

var obj = { CustomObjectKey: 2, subject1: "2", subject2: "0", subject3: "1", subject4: "0" };

$.each(obj, function (key, value) {
    $('input[name='+key+'][value='+value+']').prop('checked', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="radio" name="subject1" value="0" checked />
<input type="radio" name="subject1" value="1" />
<input type="radio" name="subject1" value="2" />

<input type="radio" name="subject2" value="0" checked />
<input type="radio" name="subject2" value="1" />
<input type="radio" name="subject2" value="2" />

<input type="radio" name="subject3" value="0" checked />
<input type="radio" name="subject3" value="1" />
<input type="radio" name="subject3" value="2" />