javascript - 需要根据选中的复选框显示表单

Question

我需要这样的东西：

我有几个表格，（比如 form1、form2、form3 等。）

应根据用户选择的选项选择相应的形式。

假设我有一些复选框（命名为 form1、form2、form3 等）

无论选择何种复选框，都应动态选择相应的表单。

我怎样才能做到这一点..？

Answer 1

编写 Javascript 或 jQuery 代码并从复选框中侦听单击事件。

根据选中的复选框显示适当的表格。下面的示例可以帮助...

 <input type="checkbox" value="form1" onclick="document.getElementById('form1-container').style.display='block'; return false;">Form 1</input>

<div id="form1-container" style="display:none"><form></form></div>

Answer 2

如果您想要 JQuery 中的解决方案，请执行以下操作：

$(".formGroup").hide();
$('#chooseForm input:checkbox').on('change', function() {
    if($(this).is(':checked')) {
        $("#" + $(this).val()).show();
    }
    else {
        $("#" + $(this).val()).hide();
    }   
});

​ 一个完整的例子：http: //jsfiddle.net/exttq/

希望能帮助到你！