Значения радио кнопки не сохраняются при перезагрузке формы jQuery

Question

Я работаю над тем, чтобы показать и скрыть форму с помощью jQuery и переключателей. Работает шоу и скрыть часть. В моей форме возникает вопрос, буду ли я участвовать в вечеринке. Когда вы нажимаете на переключатель «да», я могу видеть все личные поля данных, которые я должен заполнить (имя, адрес и т. Д.), Когда я нажимаю «нет», все эти поля скрыты. Теперь, когда форма загружается, кажется, что мой jQuery не сохраняет значение переключателя, и персональные поля будут показаны независимо от да или нет. Что я могу изменить в коде, поэтому, когда форма загружается, я сохраняю выбранную опцию переключателя?

Я создал скрипку, чтобы имитировать эту проблему: https://jsfiddle.net/eo9ydcbn/2/

accepted = $('input[name*="accepted"]'); 

accepted.change(function() { 
    var input_accepted = $('input[name*="accepted"]:checked').val(); 
    console.log(input_accepted); 
    if (input_accepted == '0') { 
     $('#registerForm').collapse('hide'); 
    } 
    else 
    { 
     $('#registerForm').collapse('show'); 
    } 
}).trigger('change'); 

Все помощь очень ценится!

Answer 1

Я понял это,

Вместо использования .collapse, чтобы показать и скрыть форму , я использовал .show и .hide. Теперь он сохраняет настройки моей радио кнопки

accepted = $('input[name*="accepted"]'); 

accepted.change(function() { 
    var input_accepted = $('input[name*="accepted"]:checked').val(); 
    console.log(input_accepted); 
    if (input_accepted == '0') { 
     $('#registerForm').hide('slow'); 
    } 
    else 
    { 
     $('#registerForm').show('slow'); 
    } 
    }).trigger('change'); 

Answer 2

эта скрипка поможет вам, вы увидите, мотыгу, чтобы сделать изменения основаны на радио: https://jsfiddle.net/maky/pahrthy0/

$(document).ready(function() { 
    $('input[type="radio"]').click(function() { 
    if ($(this).attr("value") == "red") { 
     $(".box").not(".red").hide(); 
     $(".red").show(); 
    } 
    if ($(this).attr("value") == "green") { 
     $(".box").not(".green").hide(); 
     $(".green").show(); 
    } 
    if ($(this).attr("value") == "blue") { 
     $(".box").not(".blue").hide(); 
     $(".blue").show(); 
    } 
    }); 
});