全选，不选，输出选中的值

<form method="post" action="">
        你爱好的运动是？
        <br/>
        <input type="checkbox" name="items" value="足球" />足球
        <input type="checkbox" name="items" value="篮球" />篮球
        <input type="checkbox" name="items" value="羽毛球" />羽毛球
        <input type="checkbox" name="items" value="乒乓球" />乒乓球
        <br/>
        <input type="button" id="CheckedAll" value="全　选" />
        <input type="button" id="CheckedNo" value="全不选" />
        <input type="button" id="CheckedRev" value="反　选" />
        <input type="button" id="send" value="提　交" />
    </form>
    <script type="text/javascript" src="jquery-1.7.js"></script>
    <script type="text/javascript">
    jQuery.noConflict();
    (function($) {
        $('#CheckedAll').click(function() {
            $('[name=items]:checkbox').prop('checked', true);
        });
        $('#CheckedNo').click(function() {
            $('[name=items]:checkbox').prop('checked', false);
        });
        $('#CheckedRev').click(function() {
            $('[name=items]:checkbox').each(function() {
                this.checked = !this.checked;
                // 下面是第二种方式
                // $(this).prop('checked', !$(this).prop('checked'));
            });
        });
        $('#send').click(function() {
            var str = '';
            $('[name=items]:checkbox:checked').each(function(index, el) {
                str += $(this).val();
            });
            console.log(str);
        });
    })(jQuery);
    </script>