Показване на скрит див след submit

confiscate

Registered
Здравейте,

Имам голяма регистрационна форма. В нея имам два radio бутона (YES, NO), които съм направил в момента при натискане на един от двата да се показва допълнителен див и ако съм допуснал грешки при останалите полета, при submit да се избира пак съответния radio бутон. Искам като дам submit на формата, не просто да се избира radio бутона, който съм селектирал преди това , а да ми показва и скрития див свързан с него.

В момента проблемът е, че използва функцията click.
И това да става без AJAX.



Код:
 <script type="text/javascript">
            $(document).ready(function() {
                $('input[type="radio"].constant').click(function() {
                    if ($(this).attr('id') === 'radioYes') {
                        $('.show').show();
                    }

                    else {
                        $('.show').hide();
                    }
                });

                $('input[type="radio"].constant1').click(function() {
                    if ($(this).attr('id') === 'visaYes') {
                        $('.show1').show();
                    }

                    else {
                        $('.show1').hide();
                    }
                });
                
            });
        </script>
 
Ами не искам да използвам Ajax за тази форма. Просто да познава , че е маркиран определен radio бутон с определено value и да показва дива. Сега това става само на click, а аз искам да става като е избран веднага след submit
 
confiscate каза:
Ами не искам да използвам Ajax за тази форма. Просто да познава , че е маркиран определен radio бутон с определено value и да показва дива. Сега това става само на click, а аз искам да става като е избран веднага след submit
Тоест първо се показва дива и след това се изпраща формата? Това е безсмислено. Ако му е бърз интеренета на човека може дори да не забележи, че се появява нещо.
 
Например:
Код:
$(document).ready(function() {
    $("input[name='submitForm']").click(function(e) {
        e.preventDefault(); //да не се праща формата
        var div = $('input[name=someName]:checked', '#myForm');
        div.next().show();
    });
});

Или ако искаш да е специфичен div, който не е директно след бутона:
Код:
$(document).ready(function() {
    $("input[name='submitForm']").click(function(e) {
        e.preventDefault(); //да не се праща формата
        var div = $('input[name=someName]:checked', '#myForm').attr('class');
        $("#"+div).show();
    });
});

Ето ти и демо: http://jsfiddle.net/1m6mg5dv/
 

Back
Горе