JS如何获取到多选框中的值

JS部分代码.

    //声明函数
        function beginGet() {
            //首先我们要得到多选框中有一些什么样的值
            var date = document.getElementsByName("hobby");
            //然后我们去得到这个多选框的长度
            var thisLength = date.length;
            //使用字符串数组，用于存放选择好了的数据
            var str = new <span class="token class-name">Array(<span class="token number">3);
            for(var i = <span class="token number">0;i < thisLength;i++) {
                if (date[i].checked == <span class="token boolean">true) {
                    str[i] = date[i].value;//这个是获取多选框中的值
                }
            }
            //循环遍历，在控制台输出我们所选择的值
            for(var j in str){
                console.log(str[j]);
            }
        }

HTML部分代码.

    <!--我在这里随便创建一个多款框-->
    <input type="checkbox" name="hobby" value="唱歌">唱歌
    <input type="checkbox" name="hobby" value="跳舞">跳舞
    <input type="checkbox" name="hobby" value="编程">编程
    <!--这里添加一个提交按钮-->
    <input type="button" onclick="beginGet()" value="提交">

这样我们就可以通过js去获取用户选择了一些什么样的内容