在单个按钮上选中所有和取消选中所有不适用于单个复选框.请给我解决方案

Checkall and uncheckall on single button is not worked for single checkbox. Please give me solution

本文关键字：单个 复选框 解决方案 适用于 按钮 取消 不适用      更新时间：2023-09-26

如果存在多个复选框，则在单个按钮上检查所有和取消选中所有是有效的。但它不适用于单个复选框。请给我解决方案，如果 javascript 中存在单个复选框或多个复选框，该解决方案将同时适用于两者。

这是我的代码

<input type="button" class="btn btn-theme02 btn-xs " id="checkbtn" name="checkbtn" value="CheckAll" onClick="Check(document.myform.checklist1)"/>
<input  type="checkbox" style="width: 20px" class="checkbox form-control centered" id="checklist1" name="checklist1" value="<%=voucher.getId()%>"/>

<script>
function Check(chk)
            {
                if(document.myform.checkbtn.value=="CheckAll"){
                    for (i = 0; i < chk.length; i++)
                        chk[i].checked = true ;
                    document.myform.checkbtn.value="UnCheckAll";
                }else{
                    for (i = 0; i < chk.length; i++)
                        chk[i].checked = false ;
                    document.myform.checkbtn.value="CheckAll";
                }
            }
</script>

我已经更改了代码并为此创建了一个 jsfiddle 考试......这是代码：-

function Check() {
    var checkBoxes = document.getElementsByName("checklist1");
    var button = document.getElementsByName("checkbtn")[0];
    if (button.value == "CheckAll") {
        for (i = 0; i < checkBoxes.length; i++)
            checkBoxes[i].checked = true;
        button.value = "UnCheckAll";
    } else {
        for (i = 0; i < checkBoxes.length; i++)
            checkBoxes[i].checked = false;
        button.value = "CheckAll";
    }
}

工作示例：-http://jsfiddle.net/c2S5d/19/

尝试如下：

function Check()
            {
                var chk=document.getElementsByName("checklist1");
                if(document.getElementById("checkbtn").value=="CheckAll"){
                    for (i = 0; i < chk.length; i++)
                        chk[i].checked = true ;
                    document.getElementById("checkbtn").value="UnCheckAll";
                }else{
                    for (i = 0; i < chk.length; i++)
                        chk[i].checked = false ;
                    document.getElementById("checkbtn").value="CheckAll";
                }
            }
<input type="button" class="btn btn-theme02 btn-xs " id="checkbtn" name="checkbtn" value="CheckAll" onClick="Check()"/>
<input  type="checkbox" style="width: 20px" class="checkbox form-control centered" id="checklist1" name="checklist1" value="<%=voucher.getId()%>"/>

相关文章：