Question

I am wanting to pass a variable through to another form that will reveal itself when a certain radio button is clicked. However not sure the best way to do this as do not want to refresh the page.

the javascript for the form opening is:

$(document).ready(function(){
    $(".col3flex").css("display","none");
        $(".category").click(function(){

        if ($('input[name=category]:checked')) {
            $(".col3flex").slideDown("fast"); 

        } else {
            $(".col3flex").slideUp("fast");  //Slide Up Effect
        }
     });
});

what i need to do now, is pass the radio button value to be picked up by my php select statement in order to display the correct values.

How would i implement this please

thanks

Answer 1

I believe that you’re having trouble with the event handler and then checking for the value of the radio button. I think this is what you need (I assume that “.category” is the radio button?)

$('.category').change(function() {

    if ($(this).val('checked') === 'checked') {
        // do whatever...
    }
});