在 jquery 中选择主复选框时选中/取消选中复选框

我的列标题中有一个复选框。单击它时，需要选中所有复选框，取消选中主复选框时，所有复选框都应取消选中。我用谷歌搜索了很多，但我只得到了这种事情的 javascript 代码。但我想要纯 JQuery 的东西。我将我的代码粘贴在这里。现在单击主复选框，所有复选框都在检查，但主复选框本身有人可以帮助我使用 jquery 代码吗？

这是我的标题复选框：

<input type="checkbox" onclick="checkBoxChecked()" id="mastercheck" name ="mastercheck"/>

Onclick方法是

function checkBoxChecked(){
         try{

        var checkboxes=document.getElementsByName("test");

        for(i=0;i<document.getElementsByName("test").length;i++)
        {
         checkboxes[i].checked = "checked";
        }

        }
        catch(e)
        {

        }

        document.getElementById("mastercheck").checked="checked";
        return true;

        }

HTML:

<input type="checkbox" id="ckbCheckAll" />
    <p id="checkBoxes">
        <input type="checkbox" class="checkBoxClass" id="Checkbox1" />
        <br />
        <input type="checkbox" class="checkBoxClass" id="Checkbox2" />
        <br />
        <input type="checkbox" class="checkBoxClass" id="Checkbox3" />
        <br />
        <input type="checkbox" class="checkBoxClass" id="Checkbox4" />
        <br />
        <input type="checkbox" class="checkBoxClass" id="Checkbox5" />
        <br />
    </p>

JQuery:

$(document).ready(function () {
    $("#ckbCheckAll").click(function () {
        $(".checkBoxClass").prop('checked', $(this).prop('checked'));
    });
});

现场演示 http://jsfiddle.net/AsLcX/