Html+JS实现全选与非全选操作

来源：互联网发布：小明看看永久域名2015 编辑：程序博客网时间：2024/05/22 12:08

看书：<input type="checkbox" name="checkbox" value=1><br>写字：<input type="checkbox" name="checkbox"value=2><br>玩游戏：<input type="checkbox" name="checkbox"value=4><br><button onclick="checkboxed('checkbox')">全选</button><button onclick="uncheckboxed('checkbox')">取消全选</button>

function checkboxed(objName){    var objNameList=document.getElementsByName(objName);        if(null!=objNameList){        alert("全选操作");        for(var i=0;i<objNameList.length;i++){            objNameList[i].checked="checked";        }    }}function uncheckboxed(objName){    var objNameList=document.getElementsByName(objName);        if(null!=objNameList){        alert("取消全选操作");        for(var i=0;i<objNameList.length;i++){            objNameList[i].checked="";        }    }}

非原创，转载来源：https://c.runoob.com/codedemo/2874

阅读全文

0 0