Question

I am using mootools & moocheck javascript libraries for custom checkboxes and radiobuttons.

<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-1.4.2.min.js") %>"></script>  
<script type="text/javascript" src="<%= Url.Content("~/Scripts/mootools.js") %>"></script>
<script type="text/javascript" src="<%= Url.Content("~/Scripts/moocheck.js") %>"></script>

This works fine and shows the custom checkbox styles proplery. But if I set the checkbox to checked programatically using jQuery it dosen’t update the checkbox style.

   jQuery(document).ready(function () {
        FancyForm.start();

        jQuery('#changeIt').click(function () {
            jQuery('#checkthis').attr('checked', true);
            jQuery('#checkthis').attr('checked', 'checked');                
        });

    });

Answer 1

Added following method to moocheck.js for updating specific checkbox or radiobutton

updateSpecific: function (ctrlId, isChecked) {
    FancyForm.chks.each(function (chk) {
        if (chk.inputElement.getProperty('id') == ctrlId) {
            chk.inputElement.setProperty('checked', isChecked);               
        }
    });
}

And modified the client code like following…

   jQuery(document).ready(function () {
        FancyForm.start();

        jQuery('#changeIt').click(function () {
            FancyForm.updateSpecific('checkthis', true);
        });
    });