工作当中实际运用(2)——js原生实现全选/反选

老规矩 直接上代码  代码中详细注释:

  

function checkAll(){
    var alls=document.getElementById(‘tab-stp‘).getElementsByTagName(‘input‘);//获取到 id tab-stp 下面的所有input
    for(i=0;i<alls.length;i++){ //通过for循环 把所有input遍历出来

        if(alls[i].checked==true){//通过checked turn false来控制是否选中
            alls[i].checked=false;
        }else{
            alls[i].checked=true;
        }
    }

}
时间: 2024-10-12 07:43:01

工作当中实际运用(2)——js原生实现全选/反选的相关文章

全选反选取消-js代码

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

js 实现全选反选

最近在做一个js特效:全选,反选. 效果能实现,可是只执行了一次.多次点击,发现效果不能触发了.后来查了些文档,才了解是  attr  跟 prop 的区别! 代码直接贴出来: ($("#全选ID").attr("checked") 的返回值 就是  true/false )  attr只能运行一次:   function checked_all(){                            $("input[name='XXX']:chec

js实现CheckBox全选全不选

CheckBox全选全不选的js方法 效果: 页面 :<table style="width: 2350px; table-layout: fixed;" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6" class="data_table"> <tr class="scrollColThe

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 EasyUI前台 全选的实现

在页面数据列表<d:table> </d:table>   加入代码 <d:col style="width:45" class="display_leftalign" title="选择<input type=\"checkbox\" id=\"checkAll\"/>"> <input type="checkbox" name=&

js实现全选,反选,全不选

思路:1.获取元素.2.用for循环历遍数组,把checkbox的checked设置为true即实现全选,把checkbox的checked设置为false即实现不选.3.通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态. js代码 <script> window.onload=function(){ var CheckAll=document.getElementB

分别用js和jq实现百度全选反选效果

js实现过程 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 li { 8 height: 30px; 9 line-height:30px; 10 list-style: none; 11 font-size: 24px

js 复制、全选功能

<%--   Created by IntelliJ IDEA.   User: admin   Date: 2015/10/23   Time: 16:24   To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%   

JS对checkbox全选和取消全选

需求:checkbox控制列表数据全选与取消全选择. 效果图: 1.html <body > <input type="button" name="inputfile" id="inputfile" value="点击导入" onclick="open();"/> <input type="file" id="File1" name=&q