[jQuery] Creating callable methods, and binding them to objects' actions.

[gberz3]

Hi All,

I'm having a bit of a problem with selectors and binding in jQuery.
Basically I want to do 2 things:

1) create a javascript method callable by name that updates a div
2) bind that method to a set of radio buttons that runs the method on
change

It seems that none of the examples explicitly cover instances where
you roll your own methods.  They all assume "function(){}" which I
personally consider messy.

That said, I have the following code thus far:


                <script type="text/javascript">

                        $(document).ready(function(){
                                function updateDonationTotal(){
                                        var amount = $('#chargetotal').val();
                                        var multiplier = 0;
                                        var total = 0;
                                        var donation_type = 
$("input:[...@name:donation_type]:checked").val
();
                                        var message = "";
                                        //it's gonna be one of:   
donation_general, donation_stop_tab,
donation_pipe

                                        switch(donation_type){
                                                case 'donation_general': 
{multiplier = 1; break}
                                                case 'donation_stop_tab': 
{multiplier = 500; break}
                                                case 'donation_pipe': 
{multiplier = 100; break}
                                        }

                                        total = amount * multiplier;

                                        message = "&nbsp;  x " + multiplier + " 
= " + total;
                                        $("#donation_total").html(message);
                                        console.log(message);
                                };

                                
$("input:[...@id:chargetotal]").change(updateDonationTotal(););

                        });

                </script>


The method 'updateDonationTotal' works fine.  However, I receive
errors when trying to bind the method in various ways to the radio
buttons.  I've tried 'bind', 'click', 'change'...all error out.
Please advise.

Best!