checkbox单选和全选

checkbox单选

 <input type="checkbox" class="relation" value="1" name="Storage" id="model1"/>
 <input type="checkbox" class="relation" value="2" name="Storage" id="model2"/>

    $('.relation').on('click', function () {
        let check_data = [];
        let obj = document.getElementsByName("Storage");
        for (let i = 0; i < obj.length; i++) {
            if (obj[i].checked) {
                check_data.push(obj[i].value);
            }
        }
        console.log(check_data);
    })

表头的checkbox全选

<input name="IDs" id="IDs" type="checkbox" class="IDs"/>

$('table th input:checkbox').on('click', function () {
        var that = this;
        let checkboxStr = [];
        $(this).closest('table').find('tr > td:first-child input:checkbox').each(function () {
            this.checked = that.checked;
            $(this).closest('tr').toggleClass('selected');
        });
        let obj = document.getElementsByName("IDs");
        for (let i = 0; i < obj.length; i++) {
            if (obj[i].checked) {
                checkboxStr.push(obj[i].value);
            }
        }
        console.log(checkboxStr);
    });

获取所有checkbox的选中状态

  var chks = document.querySelectorAll('input[type="checkbox"]');
        var result = [];
        for (var i = 0; i < chks.length; i++) {
            var chk = chks[i];
            result.push(chk.checked);
        }
        console.log(result)
        return result;