您的位置:首页 > Web前端 > JavaScript

[js代码] input checkbox 全选与取消全选

2017-04-12 15:07 543 查看
js代码

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="";
}
}
}


html调用

看书:<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: