全选JS操作

Original 2018-11-25 11:32:32 192
abstract:<!DOCTYPE html><html><head>   <meta charset=utf-8" />   <title>test</title> </head><body>       

<!DOCTYPE html>

<html>

<head>

   <meta charset=utf-8" />

   <title>test</title> 

</head>

<body>    

    <div>

     看书:<input type="checkbox" name="checkbox" value=1><br>

        写字:<input type="checkbox" name="checkbox"value=2><br>

        打飞机:<input type="checkbox" name="checkbox"value=3><br>

        玩游戏:<input type="checkbox" name="checkbox"value=4><br>

        <button onclick="checkboxed('checkbox')">全选</button>

        <button onclick="uncheckboxed('checkbox')">取消全选</button>

   

    </div>

    <script type="text/javascript">

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

}

}

}

    </script>


</body>

</html>


Correcting teacher:查无此人Correction time:2018-11-25 11:49:00
Teacher's summary:代码写的不错,逻辑很清晰。飞机还是别打了,好好学习少年。

Release Notes

Popular Entries