checkbox全选、反选

<body>
　　<div class="div1">
　　　　<input type="checkbox" name="cb">
　　</div>
　　<hr>
　　<div class="div2">
　　　　<input type="checkbox" name="cbs"><br>
　　　　<input type="checkbox" name="cbs"><br>
　　　　<input type="checkbox" name="cbs"><br>
　　　　<input type="checkbox" name="cbs">
　　</div>
</body>
<script type="text/javascript">
　　var num=0;
　　$("input[name=‘cb‘]").click(function(){
　　　　if($(this).attr("checked")=="checked"){
　　　　　　$("input[name=‘cbs‘]").attr("checked",true);
　　　　　　num=$("input[name=‘cbs‘]").length;
　　　　}else{
　　　　　　$("input[name=‘cbs‘]").attr("checked",false);
　　　　　　num=0;
　　　　}
　　})
　　$("input[name=‘cbs‘]").click(function(){
　　　　if($(this).attr("checked")=="checked"){
　　　　　　num++;
　　　　　　if(num==$("input[name=‘cbs‘]").length){
　　　　　　　　$("input[name=‘cb‘]").attr("checked",true);
　　　　　　}
　　　　}else{
　　　　　　num--;
　　　　　　$("input[name=‘cb‘]").attr("checked",false);
　　　　}
　　})
</script>

时间： 2024-08-04 18:16:05

checkbox全选、反选的相关文章

表单javascript checkbox全选 反选 全不选

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>javascript checkbox全选 反选 全不选</title> <meta name="des

checkbox全选 反选 不选 并获取id的值

$("#lblContents :checkbox").each(function () {                 if (this.checked) {                     this.checked = false;                     ids ="";                 }                 else {                     this.checked = true;

关于Winform下DataGridView中实现checkbox全选反选、同步列表项的处理

近期接手一个winform 项目,虽然之前有.net 的经验,但是对一些控件的用法还不是很熟悉. 这段时间将会记录一些在工作中遇到的坎坷以及对应的解决办法,写出来与大家分享并希望大神提出更好解决方法来促进进步. 我也会尽可能把我查找到资料的出处引出来,以此来感恩对我提供帮助的人们. 正题如下 一.关于Winform下DataGridView中实现checkbox全选反选.同步列表项的处理 1.checkbox的添加:在设计页面选择编辑列在新添加的列中注意如下几个属性: SortMode = No

dView实现checkbox全选反选（自带的ShowSelectCheckBOx）并获取选中checkbox对应的值集合

第一步,显示checkbox按钮: 点击AspxGridView的columns,你可以直接选择增加一行Command Column或者随便选择一种然后点击Change To Commadn Column;默认的ShowSelectCheckBOx是true,我们可以不用管,这样你就看到每行都有checkBox按钮了. 第二步,表头部显示CheckBox,点击实现全选|反选功能: 我们切换回源代码,找到AspxGridView的GridViewCommandColumn列,在该列中增加 <Hea

ASPxGridView实现checkbox全选反选（自带的ShowSelectCheckBOx）并获取选中checkbox对应的值集合

第一步,显示checkbox按钮: 点击AspxGridView的columns,你可以直接选择增加一行Command Column或者随便选择一种然后点击Change To Commadn Column;默认的ShowSelectCheckBOx是true,我们可以不用管,这样你就看到每行都有checkBox按钮了. 第二步,表头部显示CheckBox,点击实现全选|反选功能: 我们切换回源代码,找到AspxGridView的GridViewCommandColumn列,在该列中增加 <Hea

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/

模块代码之checkbox全选反选的实现

实现需求: HTML结构如下: 1 <table> 2 <tr> 3 <th><input type="checkbox" name="" id="" class="all" />全选</th> 4 <th>复选框全选示例</th> 5 </tr> 6 <tr> 7 <td><input type=&q

【EBS FORM】进阶2. Checkbox全选反选

go_block('BLOCKNAME'); --跳到目的数据块 first_record; --从第一条记录开始循环 LOOP if :BLOCK116.check_all = 'Y' then :BLOCKNAME.check_box := 'Y'; --将指定行的复选框设置为选中 else :BLOCKNAME.check_box := 'N'; end if; EXIT WHEN :system.last_record = 'TRUE'; next_record; END LOOP; f

devexpress ASPxGridView 与UpdatePanel共用并且可以checkbox全选反选的解决方案

设置grid属性EnableCallBacks="False",ProcessSelectionChangedOnServer="True". 在SelectionChanged事件中重新绑定数据grid.DataBind(); 在aspx按钮事件获得选中行的值代码: List<object> lst = grid.GetSelectedFieldValues("ID");

checkbox 全选反选 获得所有的checkbox

1 $("#selectAll").click(function(){ 2 $("input[name='checkbox']").each(function(){ 3 if($(this).attr("checked")){ 4 $(this).removeAttr("checked"); 5 }else{ 6 $(this).attr("checked","true"); 7 } 8