Включить страницу только при установленном переключателе

Question

Включить страницу только при установленном переключателе

0

Я совершенно не знаком с Javascript и jquery, но у меня есть страница и 3 формы. Формы находятся во внешнем файле. Мне нужно, когда я выбираю Radio Button 1, появляется форма 1, появляется кнопка Radio 2, Form 2 и т.д.

Спасибо.

Том.

Tom Miron 20 март 2014, в 19:10

Источник

1

А что ты пробовал? С какими проблемами вы сталкиваетесь?
Ron van der Heijden 20 март 2014, в 17:45
0

Я просто не знаю, как это сделать ...
Tom Miron 20 март 2014, в 17:48
0

Вы можете включить все свои формы и скрыть их. Отображается только при выборе. .hide() .show()
MamaWalter 20 март 2014, в 17:48
0

Что я не могу сделать, потому что формы конфликтуют, когда они предварительно загружены.
Tom Miron 20 март 2014, в 17:50

Показать ещё 2 комментария

Теги:

javascript

jquery

radio-button

2 ответа

Ещё вопросы

А что ты пробовал? С какими проблемами вы сталкиваетесь?
Я просто не знаю, как это сделать ...
Вы можете включить все свои формы и скрыть их. Отображается только при выборе. .hide() .show()
Что я не могу сделать, потому что формы конфликтуют, когда они предварительно загружены.

Azeirah · Answer 1 · 2014-03-20T16-15-00.000Z

Я сделал небольшую демонстрацию 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
})

Ну вот

Enijar · Answer 2 · 2014-03-20T15-10-00.000Z

Вы можете сделать это с помощью 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);
        }
    });
});

...

Извините за мое невежество, я не уверен, как это реализовать. Просто запрос в <script> что-нибудь еще нужно? T
Включите jQuery в свой <head>, а затем добавьте его в конец тега <body>, затем загрузите все свои формы в разные файлы (form-1.html, form-2.html и т. Д.) В корневом каталоге. вашего сайта.