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

<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>