Сделать функцию select-all jquery

Question

У меня есть сценарий jquery для всех, который я получил с сайта (я забыл ссылку). Точно, ничего не написано в скрипте. Оно работает. Но я намерен переписать его в функцию. Просто, я застрял.

Вот ори скрипт

$("#selectall").click(function() { 
    $('.case').attr('checked', this.checked); 
}); 

$(".case").click(function(){ 
    if($(".case").length == $(".case:checked").length) { 
     $("#selectall").attr("checked", "checked"); 
    } else { 
     $("#selectall").removeAttr("checked"); 
    } 
}); 

Здесь функция Я пишу:

function klikAll(id){ 
    var header = $('#' + id); 
    $('.foo_' + hid).attr('checked', header.prop('checked')); 
} 

function klikSub(hid){ 
    var heder = $('#' + hid); 
    var subheder = $('.foo_' + hid); 
    var subhederc = $('.foo_' + hid + ':checked'); 

    if(subheder.length == subhederc.length) { 
     heder.attr("checked", "checked"); 
    } else { 
     heder.removeAttr("checked"); 
    } 
} 

Проблема заключается в том, что функция полностью не работает .. В jsfiddle, у меня переписать http://jsfiddle.net/iamthom/aCJSY/6/. Может ли какой-нибудь орган дать подсказку, в какой части, что я должен исправить? Или что не так в моей функции?

Answer 1

Пожалуйста, проверьте этот

DEMO

КОД

<script type="text/javascript"> 
function klikAll(id) { 
    var header = $('#' + id); 
    $('.foo_' + id).attr('checked', header.prop('checked')); 
} 

function klikSub(hid) { 
    var heder = $('#' + hid); 
    var subheder = $('.foo_' + hid); 
    var subhederc = $('.foo_' + hid + ':checked'); 

    if (subheder.length == subhederc.length) { 
     heder.attr("checked", "checked"); 
    } else { 
     heder.removeAttr("checked"); 
    } 
} 
</script> 

Поместите функцию в <script> блоке.