Question

我需要这样的东西：

我有几种形式，（比如form1，form2，form3等）。

应根据用户选择的选项选择相应的表格。

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

无论选中哪个复选框，都应该动态地选择相应的表格。

我怎样才能实现这一目标？

Answer 1

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

根据选中的复选框显示相应的表格。以下示例可以帮助......

 <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/

希望它有所帮助！

需要根据所选的复选框显示表单

2 个答案: