Question

I am using multiple checkbox with hierarchy ..i have parent checkbox and its child checkbox … up to 3 4 level.. i am using this code it is working fine for me … but i want to reduce my code..

any one please tell me..

<script type="text/javascript">
    jQuery(document).ready(function(){

        jQuery('input[type=checkbox]').change(function() {
            var id = jQuery(this).attr('id');
            var children = jQuery('.parent-' + id).attr('checked', jQuery(this).attr('checked'));
        });

        jQuery("input[class^='parent-']").click(function(){
            if(jQuery(this).attr('checked')){
                var id = jQuery(this).attr('class');
                var parts = id.split('-');
                var parent_node = jQuery('.lead-' + parts[1]).attr('checked', jQuery(this).attr('checked'));
            }else{
                var id = jQuery(this).attr('class');
                var parts = id.split('-');
                if(jQuery(".parent-"+ parts[1]+":checked").length==0)
                {
                    var parts = id.split('-');
                    var parent_node = jQuery('.lead-' + parts[1]).removeAttr('checked', jQuery(this).attr('checked'));
                }
            }
        });

        jQuery("input[class^='parent-']").each(function(){
            if(jQuery(this).attr('checked')){
                var id = jQuery(this).attr('class');
                var parts = id.split('-');
                var parent_node = jQuery('.lead-' + parts[1]).attr('checked', jQuery(this).attr('checked'));
            }else{
                var id = jQuery(this).attr('class');
                var parts = id.split('-');
                if(jQuery(".parent-"+ parts[1]+":checked").length==0)
                {
                    var parts = id.split('-');
                    var parent_node = jQuery('.lead-' + parts[1]).removeAttr('checked', jQuery(this).attr('checked'));
                }
            }
        });

    });
</script>

Answer 1

jQuery("input[class^='child-']").click(function(){
            var cls = jQuery(this).attr('class');
            parts = cls.split('-');
            var check = false;
            jQuery("input[type=checkbox]."+cls).each(function() {
                if(jQuery(this).is(':checked')) {
                    jQuery("input[type=checkbox].parent-"+parts[1]).attr('checked', 'checked');
                    check = true;
                }
            });
            if(!check) { jQuery("input[type=checkbox].parent-"+parts[1]).removeAttr('checked'); }
        });

        jQuery("input[class^='parent-']").click(function() {
            parts = jQuery(this).attr('class').split('-');
            if(jQuery(this).is(':checked')) {
                jQuery("input[class$='"+parts[1]+"']").attr('checked', 'checked');
            } else {
                jQuery("input[class$='"+parts[1]+"']").removeAttr('checked');
            }
        });