js实现CkeckBox全选与反选

function SelectAll(){
        var check = document.getElementsByTagName("input"); // 获取所有input标签
        var all   = document.getElementById(‘all‘); // 获取全选按钮
        if(all.checked){
            for(var i=0;i<check.length;i++){
                if(check[i].getAttribute("type")=="checkbox"){
                    check[i].checked = true;
                }
            }
        }else{
            for(var i=0;i<check.length;i++){
                if(check[i].getAttribute("type")=="checkbox"){
                    check[i].checked = false;
                }
            }

}
    }

时间: 2024-12-28 00:41:25

js实现CkeckBox全选与反选的相关文章

js checkBox的全选,反选,与赋值

//js 数值是否在数组中 Array.prototype.in_array = function(e){ for(i=0;i<this.length;i++){ if(this[i] == e) return true; } return false; } //js数组index Array.prototype.find_str=function(string){ var str = this.join(""); return str.indexOf(string); } va

js解决checkbox全选和反选的问题

function SelectAll() { var checkboxs=document.getElementsByName("chk_list"); for (var i=0;i<checkboxs.length;i++) { var e=checkboxs[i]; e.checked=!e.checked; } } <input type="checkbox" name="choose">跳舞 <input type

Bootstrap开源包中checkbox的全选和反选

不知为何以前js写的全选和反选功能都不能用了,经过Chrome浏览器控制台查看后,发现并不是不起作用,只是样式没有变化而已.首先先刚放上html代码,省略了别的代码,只含有checkbox: <!-- lang: html -->     <label class="checkbox">         <input class="states" type="checkbox" name="ids"

html+css+js实现复选框全选与反选

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title>html+css+js实现复选框全选与反选</title> 5 <meta http-equiv="content-type&qu

用js做出全选和反选效果

效果图如下: <script language="javascript" type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" language="javascript"> $(function(){  $("#selecAll").clic

JS如何实现对name是数组的复选框的全选和反选以及取消选择

JS如何实现对name是数组的复选框的全选和反选以及取消选择? form内容如下: 因为PHP接收要用 数组形式的 复选框,正常情况下 JQ可如果是这种 直接使用 $("input[name=ptpt])即可.但是这种php接收的只是最后一个值,字符串.<label><input type='checkbox' name='ptpt' value='a1' />a1</label><label><input type='checkbox' n

简单JS全选、反选代码

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Cont

Js全选、反选

Js全癣反选,挺常用的功能,大多数的WEB管理系统.后台管理基本上都具备这一功能,但是有很多朋友或许对此类JS的使用并不熟悉,重新分享一款JS全癣反癣清除的功能,供你使用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

原生js实现全选和反选以及任意一个未被选中的效果

模仿一个百度音乐的全选和反选的的操作. html代码如下: <div class="box"> <ul id="lists"> <li> <input type="checkbox" value=""> <span>我爱你中国</span> </li> <li> <input type="checkbox"