Question

好吧说我有一个页面，比如form.php。在这个表格上说我有复选框A，B和C.我想要做的是当你点击复选框A它显示表格A，复选框B表示表格B而复选框C表示表格c。我需要这一切都是动态的，所以这不会重新加载页面等。我认为这将使用Jquery或Ajax。我更喜欢使用Jquery，因为我有一些经验，我的网站也已经在使用Jquery技术。

Answer 1

不是最美丽的实现，但它指向了一个方向。

http://jsfiddle.net/73yuu/

Answer 2

我要做的是加载所有3个表单，将它们放在自己的div中，并使用style="display:none;"表示所有三个表单。当用户单击复选框时（如果一次只能显示一个表单，我将使用单选按钮），使用jquery或者将该特定div的显示值更改为阻止。您也可以更改div的类以显示正确的div。

Answer 3

我知道这是一个老帖子，但我正在寻找类似的解决方案，我最终到了这里。

我使用了Ole Melhus的回答作为起点，并使用switch / case代替if / else使它更漂亮，更有用。我想我会把它发布给其他可能需要它的人。

http://jsfiddle.net/N5rfu/

$("#for_form1, #for_form2, #for_form3").change(function(){
    switch($(this).attr('id')){
        case 'for_form1':
            $("#for_form2, #for_form3").attr('checked', '');
            $("#form2, #form3").hide(); 
            $("#form1").show();
            break;
        case 'for_form2':
            $("#for_form1, #for_form3").attr('checked', '');
            $("#form1, #form3").hide(); 
            $("#form2").show();
            break;   
        case 'for_form3':
            $("#for_form1, #for_form2").attr('checked', '');
            $("#form1, #form2").hide(); 
            $("#form3").show();   
            break;
    }

});

使用javascript / PHP动态表单

3 个答案: