全选按钮的JS代码

这是一段很常见的代码
<input type="checkbox" name="chkAll" id="chkAll" border="0" value="on" onClick="CheckAll(this.form)">

function CheckAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
if (e.name != ‘chkAll‘)
e.checked = form.chkAll.checked;

}
}
这段,我不理解if (e.name != ‘chkAll‘)
e.checked = form.chkAll.checked;
如果不等于‘chkAll‘,那么整个按钮也不选择,
但是这段代码没判断当选择了的时候,该怎么办那?
如果是这样,我就理解了
if (e.name == ‘chkAll‘)
{e.checked = form.chkAll.checked;}
else
{e.checked = form.chkAll.checked;}

时间: 2024-10-11 20:24:58

全选按钮的JS代码的相关文章

实现全选按钮的js代码

//全选,取消全选 $(document).on("click","#selection",function(){ if($(this).hasClass("selected")==false){ $(this).closest(".tablesWrap").find("input[type=checkbox]").prop("checked",true); $(this).addCla

全选反选取消-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做全选,用一个checkbox复选框做多个checkbox复选框的全选按钮,有一个复选框未被选择时,全选按钮的checked就为false

用一个checkbox复选框做多个checkbox复选框的全选按钮,有一个复选框未被选择时,全选按钮的checked就为false,当所有checkbox都被选中时,全选按钮也被选中. 详解: 有两种方式使<input type="checkbox" />中的复选框被选中. 方法一:直接在HTML行间中添加checked属性.   eg:<input type="checkbox" checked /> 方法二:使用javascript使in

一个全选按钮js的案例

<html><head><script type="text/javascript">        // 全选按钮选中标志      var checkflag = "false";      // 全选功能      function selectAll(name){          var field = document.getElementsByName(name);          // 如果全选按钮状态是未选中 

checkbox做全选按钮

1.先写一个html页面,里面写一个全选按钮和几个复选框,实现下面2个要求 (1)点击全选按钮选中时,所有的复选框选中. (2)点击全选按钮取消选中时,所有复选框取消选中. <input type="checkbox" id="quanxuan" />全选<br /> <input type="checkbox" class="qx" />aa<br /> <input t

页面中公用的全选按钮,单选按钮组件的编写

相应的js代码为: var checkAll = $("[data-checkbox-checkall]"); //遍历处理每一组的情况 checkAll.each(function(){ var groupName = $(this).attr("data-checkbox-group"); startCheck(groupName); }); function startCheck(groupName){ //所有的该组元素 var allCheckbox =

11月8日下午Jquery取属性值(复选框、下拉列表、单选按钮)、做全选按钮、JSON存储、去空格

1.jquery取复选框的值 <!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

checkbox 全选/反选,勾掉一个子节点全选按钮为空的demo

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@taglib uri="http://java.sun.com/

全选按钮的设定和POST处理当前循环的列表

以下为全选按钮的代码,通过class实现. //全选按钮 $(function () { $("#selectall").change(function () { var ischecked = $(this).prop("checked"); $(".msglists").each(function () { $(".msglists").prop("checked", ischecked) $(&quo