Question

$(function(){

function f1(){}
function f2(){}

}

<Input type = radio Name = radiobutton Value = "something" checked=checked onClick= //here call f1()//>

I try to get access to f1 function in OnClick

code like this doesn’t work:

$.function.f1()
$.function().f1()

Answer 1

That’s because you should be doing it something like this:

$(function () {

    function foo () { }
    function bar () { }

    // bind
    $('input').on('click', foo);

});

… instead of putting an onclick= attribute on your HTML markup.

EDIT

As requested, some quick notes on why you should do the jQuery bind instead of the onclick markup thing.

1. You’re already using jQuery, plain and simple. Use it.
2. There should be significant effort made to separate your HTML, CSS and JS. HTML in HTML files, JS in JS files, blah. Putting in onclick=do_backflips() in your HTML markup violates that, and will lead to nightmarish maintenance issues in the future, among other things.
3. DOM0 onclick= syntax is inherently 1:1. Which means that naturally, for each event of each element, you only get to attach one single event handler. That definitely sucks balls.
4. By defining your f1 and f2 functions inside the document.ready handler function, you’re limiting their scope within that function. This means that they can’t be referenced outside that scope, which means that the script interpreter won’t know about f1 where your HTML markup is. You have to attach event handlers where the handlers are known, and that’s inside document.ready (if that makes sense).