javascript - 提交后复选框值不变

Question

我想做的是根据 JSON 对象填充我的输入字段。以下是具有默认值的字段:

<input type="hidden" name="id"/>
<input id="enabled1" name="enabled" type="checkbox" value="true"> // not sure why value="true" here, by default it should be false

JSON 对象具有以下格式:

[{enabled:false, id:184}]

基于 JSON 对象，我将迭代其属性并将值相应地分配给字段。迭代函数如下:

            for ( var propertyName in aData) {
                if (aData.hasOwnProperty(propertyName)){
                    // check if field exist
                    var elem = $("input[name="+propertyName+"]");
                    var exist = elem.size() == 1;
                    // if exist, update field with selected info
                    if (exist){
                        elem.val(aData[propertyName]);
                    }
                }
            }

迭代函数运行后，字段如下所示:

<input type="hidden" name="id" value="184">
<input id="enabled1" name="enabled" type="checkbox" value="false">

现在，如果我勾选复选框并将信息提交到服务器，我希望该值为 true，但不知何故该值仍然为 false。我在这里错过了什么？

Answer 1

但这是非常令人期待的。由于选择复选框不会对 html 元素的值产生任何影响，因此它会将选中状态从未选中更改为选中。当您尝试在服务器端获取该值时，它将返回您覆盖的值。

Check it out here