Question

我对Javascript和jquery完全不熟悉，但我有一个页面和3个表单。表单位于外部文件中。我需要当我选择单选按钮1时，表单1出现，单选按钮2，表单2出现，等等。

谢谢。

汤姆。

Answer 1

您可以像这样使用ajax执行此操作：

<强> HTML

<div id="ajax-form"></div>
<input class="radio-1" type="radio">

<强>的jQuery

$('.radio-1').on('click', function() {
    $.ajax({
        type: 'GET',
        url: 'form-1.html',
        complete: function(data) {
            $('#ajax-form').html(data);
        }
    });
});

$('.radio-2').on('click', function() {
    $.ajax({
        type: 'GET',
        url: 'form-2.html',
        complete: function(data) {
            $('#ajax-form').html(data);
        }
    });
});

...

Answer 2

我制作了一个小小的jsfiddle演示，向您展示如何处理这个问题。

var $button = $(".button"),
    $paragraph = $(".sometext");

$button.click(function (event) {
    // do something when ".a_button" is clicked.
    $paragraph.toggle();
    // there are many functions like .toggle
    // Take a look at .show and .hide, .slide, .animate and .fade
})

Here you go

仅在选中单选按钮时包括页面

2 个答案: