Javascript 表单。使 1 个条目依赖于另一个条目

Question

我有一个包含多个问题的表格，例如：“你是 'A'”、“如果不是，你有 'B' 吗？” 而不是同时显示所有这些问题，这会占用很多空间，我如何使用 javascript 只有在第一个问题的答案是否定的情况下才会弹出第二个表单问题？我使用单选按钮和复选框作为我的问题输入。

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

Answer 1

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

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

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

form 元素的值会根据元素的类型（例如单选框、复选框等）而有所不同，但上面的代码应该可以满足您的需求。