javascript 实现批量选择、取消

最新推荐文章于 2021-08-10 10:11:49 发布

okokabcd

最新推荐文章于 2021-08-10 10:11:49 发布

阅读量521

点赞数

文章标签： javascript input button function

本文链接：https://blog.csdn.net/ln_ydc/article/details/6589160

版权

<html>
<head>
<script type="text/javascript">
function selectAll() {   
    var arryObj = document.getElementsByName("selectedids")   
    for ( var i = 0; i < arryObj.length; i++) {   
  
        if (typeof arryObj[i].type != "undefined"  
                && arryObj[i].type == 'checkbox')   
            arryObj[i].checked = true;   
    }   
}   
  
function unSelectAll() {   
    var arryObj = document.getElementsByName("selectedids");   
    for ( var i = 0; i < arryObj.length; i++) {   
        if (typeof arryObj[i].type != "undefined"  
                && arryObj[i].type == 'checkbox')   
            ;   
        arryObj[i].checked = false;   
    }   
}  

</script>
</head>
<body>

<input type="button" value="check all" οnclick="selectAll()" />  
<input type="button" value="desc check all" οnclick="unSelectAll()"/> 
<br><br><br>
<input type="checkbox" name="all" value="check it" οnclick="if(!this.checked)unSelectAll();if(this.checked)selectAll()" />select all
<br>
<input type="checkbox" name="all" value="check it" οnclick="if(this.checked) selectAll(); else unSelectAll()" />select all

<hr>
<form id="datas" >   
<input type="checkbox" name="selectedids" value="check it" /><br>    
<input type="checkbox" name="selectedids" value="check it" /><br>    
<input type="checkbox" name="selectedids" value="check it" /><br>    
<input type="checkbox" name="selectedids" value="check it" /><br>     
<input type="checkbox" name="selectedids" value="check it" /><br>     
<input type="checkbox" name="selectedids"value="check it" />   
</form>   

</body>
</html>

okokabcd

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 实现批量选择、取消

function selectAll() { var arryObj = document.getElementsByName("selectedids") for ( var i = 0; i < arryObj.length; i++) {
复制链接

扫一扫