PHP全选按钮

<body>
<input type="checkbox"  id="qx"  onclick="qxx(this,‘qx‘)"/>全选
<input type="checkbox"  class="qx"  />内容
<input type="checkbox"  class="qx"  />内容
<input type="checkbox"  id="qy"  onclick="qxx(this,‘qy‘)"/>全选
<input type="checkbox"  class="qy"  />内容
<input type="checkbox"  class="qy"  />内容
</body>
<script>
function qxx(a,b)  //a代表点击的 b代表class名称
{
    var a=a.checked;
    var b=document.getElementsByClassName(b);
    for(var i=0;i<b.length;i++)
    {
        b[i].checked=a;
    }
}

</script>
</html>
时间: 2024-10-27 16:51:08

PHP全选按钮的相关文章

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 =

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

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

zepto全选按钮之全选会根据按钮是否被全部选中更改状态

在做手机端二次开发购物车的时候,发现zepto全选,没找到,或者功能不是自己想要的 后来做好,分享给需要的人 //全选或多选处理      var CheckAll = $('#items_check_all');    var checkbox = $('input[name^="check"]');    var removeUrl = '<{link app=b2c ctl=wap_cart act=remove}>';        //初始化,把所有选中的加上状态

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);          // 如果全选按钮状态是未选中 

html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><%@ include file="/commons/jsp/htmtag.jsp"%> <html><head> <meta http-equiv="Content-Type"

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/

Goods:购物车模块之全选按钮与条目之复选按钮的click事件

1 <script type="text/javascript"> 2 /* 3 计算总计方法 4 */ 5 $(function() { 6 7 showTotal(); //文档加载完就计算总计 8 9 //给全选添加click事件 10 $("#selectAll").click(function() { 11 //获取全选的状态 12 var bool = $("#selectAll").attr("checked&