1

几天来我一直在尝试解决这个问题..我必须进行在线调查，表单会根据用户之前的一些选择动态加载..这意味着我不能使用“名称”或“ID” " 输入的属性，因为它们并不总是相同的。我正在使用 Jquery validate 插件来使所有输入都需要并且它工作正常。但我的问题是：

  • 有些问题取决于上一个问题的回答，这意味着不仅应该回答上一个问题，而且还需要一个具体的答案。（例如：“你喜欢水果吗？”如果答案是“是”，则显示另一个问题“你通常吃这些水果中的哪一种？”并使其成为必填项，如果答案为“否”，则不显示该问题一点也不。

我想我会在数据库问题表中添加一个“依赖”字段，以使一些问题依赖于其他问题，但是依赖的类型因一个问题而异。

如果我有一个静态表单，这将非常容易，但事实并非如此。

请帮忙！

4

1 回答 1

0

我正在使用data-一些自定义属性的 html5 属性来存档：

html:

<input type="checkbox" data-dependid="test" />
<input type="text" data-dependid="test2" data-dependedid="test" data-dependedvalue="true" data-dependedtype="disabled" disabled="disabled" />
<input type="text" data-dependedid="test2" data-dependedvalue="input" data-dependedtype="disabled" disabled="disabled" />

jQuery：

$(function() {
    $("[data-dependid]").die().live("change keyup", function () {
        var that = this;
        var depends = $("[data-dependedid='" + $(that).attr("data-dependid") + "']");
        depends.each(function (i, depend) {
            var isSame = false;
            if (($(that).is(":checked") + "" == $(depend).attr("data-dependedvalue")) || ($(that).val() == $(depend).attr("data-dependedvalue"))) {
                isSame = true;
            }
            $(depend).attr($(depend).attr("data-dependedtype"), !isSame); //works for checked and disabled
        });
    });
});

这使得第一个文本框依赖于复选框。

第二个文本框取决于第一个文本框的值（输入）。

看到这个小提琴

要添加显示选项，请在 foreach 中添加：

var isSame = false;
if (($(that).is(":checked") + "" == $(depend).attr("data-dependedvalue")) || ($(that).val() == $(depend).attr("data-dependedvalue"))) {
    isSame = true;
}
if ($(depend).attr("data-dependendtype") == "display") {
    if (!isSame)
       $(depend).fadeOut();
    else
       $(depend).fadeIn();
}
else {
   $(depend).attr($(depend).attr("data-dependedtype"), !isSame);
}
于 2013-05-24T12:11:55.160 回答