2012-01-25 4 views
0

В моей форме есть несколько переключателей - когда радио выбрано - появляется div, когда выбрано другое - div скрывается. После отправки формы, если есть некоторые ошибки, перезагрузка страницы и div должны показываться (если выбрано радио). Решение ниже работает только для флажков - как заставить его работать на радио?
https://stackoverflow.com/a/8406409/1137417
Вот мой код:поддерживать состояние переключателя с переадресацией после перезагрузки страницы.

$(function(){ 

    $('#Q07_03, #Q07_07, #Q08_03').hide(); 

    // checkboxes 
    $('#Q07_03').toggle($('#Q07_02').is(':checked')); 
    $('#Q07_02').click(function() { 
    $('#Q07_03').toggle(); }); 

    $('#Q07_07').toggle($('#Q07_06').is(':checked')); 
    $('#Q07_06').click(function() { 
    $('#Q07_07').toggle(); }); 

    // here code for radio ? 
    // #Q08_03 is the div to be displayed; 
    // #Q08_02 is the one that should be selected 
    }) 

ответ

0

Почему бы вам не использовать Ajax для отправки формы? Вы не столкнетесь с такими проблемами. Чтобы ответить на ваш вопрос, вы можете попробовать это.

//I don't know how many radio buttons are there on the page and what there names are 
//you can accordingly change the radio button selector to check if it is checked or not 

$(document).ready(function() { 
    if($("input:radio:first").is(":checked")) 
     $('divToShowHide').show() 
    else 
     $('divToShowHide').hide() 
}); 
+0

Я обновил свой пост, чтобы вы могли видеть код. Ваше решение, похоже, не работает ... Я не делаю этого сейчас ajax, но спасибо за предложение – JaneVi

+0

Должно быть какое-то простое решение ...? – JaneVi

Смежные вопросы