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

【问题标题】：Objects (JSON or otherwise) as the value in a html tag对象（JSON 或其他）作为 html 标记中的值
【发布时间】：2013-09-08 19:13:26
【问题描述】：

我正在尝试编写一个具有相关菜单的 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.

【问题讨论】：

你能发布一个小提琴吗？我会说检查价值的内容。在 $(val) 之后 - 它需要看起来像：value='{"classId":3}' - 键周围的双引号
是的，需要一个小提琴！

标签： javascript jquery html json dom

【解决方案1】：

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

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

注意属性名两边的双引号

【讨论】：