Question

I have a function:

var oneWay = function (){
    $(".one-way").show();
    $(".round-trip").hide();
    $(".multi-stop").hide();
 };

I want to trigger this function on an action, i.e.:

$(document).ready(function(){
    $("input:radio[value=one-way]").click('oneWay');
});

But this isn’t working. I think my syntax might be off.

Also, what if I wanted to just execute this function when the DOM is ready? Would it be this:

$(document).ready(function(){
   oneWay; 
});

Thanks,
Brian

Answer 1

Exactly what DavidGouge said. Further, to answer your other question, you just do this:

$(document).ready(function(){
    $("input:radio[value=one-way]").click(oneWay); //binds it to the click event
    oneWay(); //executes it now.
});

Remember that oneWay is a reference to a function (passed as an “object”), while oneWay() executes that function immediately.