判断多个checkbox复选框至少选一个（提交时必须选择一个）

HTML代码：

请选择您的爱好：



    上班
    运动
    看书
    上网
    网购
    其他

    重 置
    提 交

jQuery写法：

function Submit() {
                var checkOne = false;                    //判断是否被选择条件
                var chboxVal = [];                       //存入被选中项的值
                var checkBox = $('input[name = hobby]'); //获得得到所的复选框

                for (var i = 0; i < checkBox.length; i++) {
                
                    //如果有1个被选中时（jquery1.6以上还可以用if(checkBox[i].prop('checked')) 去判断checkbox是否被选中）
                    if (checkBox[i].checked) {
                        checkOne = true;
                        chboxVal.push(checkBox[i].value)//将被选择的值追加到
                    };
                };

                if (checkOne) {
                    alert("您选择爱好对应的value是：" + chboxVal);
                } else {
                    alert("对不起：至少要选择一项爱好哦!");
                };

};

ES6写法：

function Submit() {
                var checkOne = false;                    //判断是否被选择条件
                var chboxVal = [];                       //存入被选中项的值
                var checkBox = document.querySelectorAll('input[name = "hobby"]'); //获得得到所的复选框
                var checkArr = Array.from(checkBox);     //将类数组转为数组

                checkArr.forEach(item => {
                    //如果有1个被选中时 选择条件 为true 并将值添加到数组中
                    if (item.checked) {
                        checkOne = true;
                        chboxVal.push(item.value)//将被选择的值追加到
                    };
                });

                if (checkOne) {
                    alert("您选择爱好对应的value是：" + chboxVal);
                } else {
                    alert("对不起：至少要选择一项爱好哦!");
                };

};