很好用的全选、反选、全不选

转载于 2014-03-13 11:37:25 发布 · 610 阅读

本文介绍了一组用于操作HTML表单中复选框（checkboxes）的JavaScript函数，包括全选、全不选及状态反转等功能。通过简单的代码实现，帮助开发者快速管理表单中的多个选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//复选框全选
    function checkAll(formvalue) {

       var roomids = document.getElementsByName(formvalue);
       alert(roomids.length);
        for ( var j = 0; j < roomids.length; j++) {
            if (roomids.item(j).checked == false) {
                roomids.item(j).checked = true;
            }
        }
    }

    //复选框全不选
    function uncheckAll(formvalue) {
        var roomids = document.getElementsByName(formvalue);
        for ( var j = 0; j < roomids.length; j++) {
            if (roomids.item(j).checked == true) {
                roomids.item(j).checked = false;
            }
        }
    }

    //复选框选择转换
    function switchAll(formvalue) {
        var roomids = document.getElementsByName(formvalue);
        for ( var j = 0; j < roomids.length; j++) {
            roomids.item(j).checked = !roomids.item(j).checked;
        }
    }