javascript - 维护动态生成的复选框的状态

Question

我正在使用 jquery 来动态创建复选框列表。但是，当出现错误时，我需要保留复选框的状态。

我有这个工作，但似乎有点笨拙：从发布的表单中获取值，将其放入 viewstate，将 viewstate var 的值放入隐藏字段，获取 js 中隐藏字段的值，将其拆分为一个数组，遍历数组比较 ID。

在我的控制器中：

  if (ModelState.IsValid)
  {
    ... stuff ...
  }
  else
  {
    ViewData["cbHack"] = Request.Form["cb_name"];
  }

在我看来：

 <%= Html.Hidden("cbHack",ViewData["cbHack"]) %>

和javascript：

  $(document).ready(function() {
    $("#TriggerDDL option:selected").each(function() {
      $.getJSON('/controller/action/id', function(data, status) {
        var foo = '<p>';
        var selected = $('#cbHack').val().split(",");
        if (data.length > 0) {
          for (x in data) {
            var d = data[x];
            foo += "<input type='checkbox' name='cb_name' value='" + d.id + "'";
            for (var s in selected) {
              if (d.id == selected[s]) {
                foo += " checked ";
                $("#submit").removeAttr("disabled");
              }
            }
            foo += ">" + d.text;
            foo += "<br/>";
          }
          cb += "</p>";
          $("#DynFoo").html(foo);
        }
      });
    });
  });

如何改进？