javascript - 对象（JSON 或其他）作为 html 标记中的值

Question

我正在尝试编写一个具有相关菜单的 Web 应用程序，我认为最好将对象放在值字段中，这样我就可以只检查选中字段的值。我之所以询问是否放入 JSON 而不仅仅是值是因为我可能需要稍后将值的元组放入其中。

前任：

var a = $('.optionsGroup:checked');

其中 a 产生：

[ <input type=​"checkbox" name=​"optionsGroup" class=​"optionsGroup" id=​"optionsGroup" onclick=​"selectGroupFamily(this,1,'Math 8','class')​" value=​"{classId:​1}​">, 
  <input type=​"checkbox" name=​"optionsGroup" class=​"optionsGroup" id=​"optionsGroup" onclick=​"selectGroupFamily(this,3,'Math 9','class')​" value=​"{classId:​3}​"> ]

和其余的代码：

var bar = function(key,val){
    console.log(val);
    console.log(typeof val);
    b = $(val);
    console.log(b.val()); 
    var obj = $.parseJSON(b.val()); //some error here saying unexpected type c
    console.log(obj);
    console.log(obj.classId);
}
$.each(a,bar);

理想情况下，我想得到输出：

...html line...
string
object
1 etc.

Answer 1

如果您更改 JSON 的值，您的代码可以正常工作

value='{"classId":"1"}'

注意属性名称周围的双引号