JavaScript 形式。使 1 个条目依赖于另一个条目

Question

我有一个包含多个问题的表单，例如:“你有‘A’吗”、“如果没有，你有‘B’吗？”与其同时显示所有这些问题(这会占用大量空间)，我如何使用 javascript 仅当第一个问题的答案为“否”时才弹出第二个表单问题？我使用单选按钮和复选框作为我的问题输入。

另外，我使用 UI-jquery 对话框来显示此表单，这会改变我可以对表单执行的操作还是没有任何区别？

Answer 1

如果您使用 jquery-ui，我假设您可以访问 jQuery。

您可以将 onchange 事件绑定(bind)到选项 a，并使用选项的值来指示是否显示选项 b。如下所示:

$("#optionA").on("change", function () {
    if (this.value !== '') {
       $("#optionB").css('display', '');  // show the option
    }
    else {
       $("#optionB").css('display', 'none'); // hide the option
    }
});

表单元素的值将根据元素的类型(例如单选、复选框等)而有所不同，但上面的代码应该可以让您达到所需的范围。