Webmaster Forum / ColdFusion / Advanced Techniques / August 2008

I am trying to use the following code to bind to a javascript function and it's
not working.  I finally had to use jQuery to bind the event handler, but I
would like to see the CF generated stuff work.    Am I missing something here?

This jquery code is the workaround:

    $('.match').change(function(){
        updateSA(this);
    })

<cfinput name="bMatch_#getSA.seminarattendee_id#" class="match"
type="checkbox" checked="#getSA.bMatched#" bind="javascript:updateSA(this)">

The javascript looks like this:

updateSA = function(ele) {
    var o = {};
    var p = new reconcile();
   
    var id = ele.id.split("_")[1];
    var midEle = $('#ministryID_' + id)[0];
    var mcidEle = $('#ministryContactID_' + id)[0];
   
    o.mid = midEle.options[midEle.selectedIndex].value;
    o.mcid = mcidEle.options[mcidEle.selectedIndex].value;
    o.bMatch = 0;
    o.id = id;
   
    if (ele.checked){o.bMatch = 1}
   
    p.setAsyncMode();
    p.setCallbackHandler(ajaxResponse);
    p.updateSA(o);
}

ajaxResponse = function(r) {
    console.log(r);
}