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
    }
});

表单元素的值将根据元素的类型（例如，收音机，复选框等）而有所不同，但上面的代码可以让您了解所需的内容。