javascript - H5里的input标签的required属性问题

嗨，你也是做PHP的吗？

required 表示这个元素必填，你每个都加表示每个都必勾
w3school

<p>
        <label><input type="checkbox" value="" />企业品牌&nbsp;&nbsp;</label><label><input type="checkbox" value="" />地段位置&nbsp;&nbsp;</label>
        <label><input type="checkbox" value="" />周边配套&nbsp;&nbsp;</label>
        <label><input type="checkbox" value="" />项目规模&nbsp;&nbsp;</label>
        <label><input type="checkbox" value="" />景观规划&nbsp;&nbsp;</label>
        <label><input type="checkbox" value="" />户型产品&nbsp;&nbsp;</label>
        <label><input type="checkbox" value="" />销售价格&nbsp;&nbsp;</label>
        <label><input type="checkbox" value="" />销售证件&nbsp;&nbsp;</label><span class="myreq" style="color:red;visibility:hidden;">X 请选择一项</span>
    </p>
    <input type="button" onclick="fnRequired()" value="确定" />
    <script type="text/javascript">
    // required 是 指 这 选项 必须 要 填 但是 你 要 全部 选择 都 没选 才 提示 而且 还 固定 性的 比如 你 给 第一个 加 那 就得 选 这个  所以 并不 适合 给 复选框 加 这 属性 所有 还是 自定义 加 提示的 好 你 可以 改 一下
    function fnRequired(){
        var b = [].some.call(document.querySelectorAll('label>input[type="checkbox"]'),function(e){
            return e.checked;
        });
        document.querySelector('.myreq').style.visibility = b ? 'hidden' : 'visible';
    }
    </script>