`
流浪鱼
  • 浏览: 1683020 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

复选框全选、设置值

    博客分类:
  • js
 
阅读更多

功能包括,全选、反全选

给隐藏域设置值

有时间了可以写成个组件

 

//全选
function check_All(obj){
	$("#showAllFinance tr").find("input[name='ck']:enabled").each(function(){
		if($(obj).attr("checked")=="checked"){
			$(this).attr("checked",true);
		}else{
			$(this).attr("checked",false);
		}
	});
}

//点击单个复选框时,判断全选框状态
function isChecked(obj){
	if($(obj).attr("checked")=="checked"){
		var flag = true;
		$("#showAllFinance tr").find("input[name='ck']:enabled").each(function(){
			if($(this).attr("checked")!="checked"){
				flag = false;
			}
		});
		$("#checkAll").attr("checked",flag);
	}else{
		$("#checkAll").attr("checked",false);
	}
}


/设置复选框值
function setCheckValueId(obj,id){
	var f =$(obj).is(":checked");
	var h = $("#"+id);
	if(f){
		h.val(1);
	}else{
		h.val(0);
	}
}

//设置复选框值
function setCheckValueName(obj,name){
	var f =$(obj).is(":checked");
	var td = $(obj).parent();
	var h = td.find("input[name='"+name+"']");
	if(f){
		h.val(1);
	}else{
		h.val(0);
	}
}

 

分享到:
评论

相关推荐

    DataGridView 复选框全选。

    以上就是实现`DataGridView`复选框全选功能的基本步骤。在实际应用中,你可能还需要考虑更多细节,比如如何同步模型数据、处理行插入和删除等。通过这个功能,用户可以更便捷地对大量数据进行批量操作,极大地提高了...

    复选框全选、全不选和反选的效果实现.rar

    本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript(JS)实现复选框的全选、全不选和反选功能,这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...

    JS控制复选框全选、反选,可进行同一页面多个复选框全选控制V2 .0

    在本项目"JS控制复选框全选、反选,可进行同一页面多个复选框全选控制V2.0"中,我们将探讨如何利用JavaScript实现对复选框(checkbox)的全选、反选功能,并获取选中的复选框的值。这些功能在用户界面中常见于批量...

    vue+vant-UI框架实现购物车的复选框全选和反选功能

    ### Vue+Vant-UI框架实现购物车复选框全选和反选功能 #### 1. 概述 在电商类应用中,购物车模块是用户进行商品选购时的重要组成部分。其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品...

    Wincc复选框进行数据批量选择

    复选框全选脚本** - 通过VBS脚本实现全选功能。例如,当用户点击某个按钮时,所有相关的复选框都会被自动勾选。 #### 二、VBS脚本编写详解 **1. 复选框2变量连接** - 类似于复选框1的变量连接设置,复选框2也...

    微信小程序获取复选框全选反选选中的值(实例代码)

    在微信小程序开发中,获取复选框全选与反选的选中值是一个常见需求。本文将详细讲解如何通过实例代码实现这一功能,并会详细说明相关知识点。 首先,我们需要了解微信小程序中几个关键组件的使用方法,包括`...

    树结构 复选框 多选 全选功能

    在IT领域,尤其是在前端开发中,"树结构 复选框 多选 全选功能"是一个常见的交互设计模式,广泛应用于数据管理、文件系统、菜单导航等场景。这一功能的实现涉及到数据结构、事件处理、状态管理等多个方面的技术。 ...

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    全选功能通常通过添加一个特殊的复选框来实现,该复选框与所有其他复选框的状态联动,当所有项被选中时,全选复选框自动选中;反之,当至少有一项未被选中时,全选复选框应该变为未选中状态。 问题的根源在于事件...

    复选框 实现 单选 全选

    此外,当全选复选框被选中时,会清空隐藏字段`context`和`contextTemp`的值,这是因为这些字段在全选状态下可能不再需要显示具体的选择信息。 #### 实现细节 1. **全选复选框**:位于表格头部的复选框,其`onclick...

    复选框全选全不选

    #### 一、复选框全选与全不选功能实现 在Web开发中,实现复选框(checkbox)的全选与全不选功能是一种常见的需求,尤其是在表单数据处理中非常有用。通过这种方式,用户可以方便地选择或取消选择一组选项。 #### ...

    多选框全选反选

    `来设置每个复选框的状态。 2. **HTML结构**: - 两个链接:(true)">全选</a> 和 (false)">全不选。 - 五个复选框,都具有相同的`name`属性值“enjoy”。 #### 四、关键代码解析 - **获取复选框集合**:`...

    使用JQuery制作复选框的全选或单选特效

    总的来说,利用jQuery的灵活性和强大功能,可以轻松实现复选框全选和单选的动态特效,提升用户在网页上的交互体验。这只是一个基础示例,实际开发中,你还可以根据需求添加更多自定义逻辑和动画效果。

    JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...

    react实现复选框全选和反选组件效果

    在React开发中,实现复选框全选和反选组件是一项常见的需求,这通常涉及到状态管理与事件处理。本文将详细解析如何使用React构建这样的功能。 首先,我们需要创建一个名为`List`的React组件,该组件包含一个复选框...

    select复选框带全选

    本篇文章将深入探讨如何在Bootstrap中实现带有全选功能的select复选框,以及相关的技术要点。 一、Bootstrap Select 复选框 Bootstrap 的 Select 复选框通常用于创建多选下拉菜单。它通过结合HTML `<select>` 元素...

    jQuery实现复选框全选/取消全选/反选及获得选择的值

    jQuery实现复选框全选、取消全选、反选及获得选择的值是前端开发中常遇到的需求,下面详细介绍一下这些操作的实现方式。 首先,全选功能通常会有一个控制所有复选框状态的主复选框,当主复选框被选中时,页面上所有...

    js 实现 被选中的复选框求和

    js 实现 被选中的复选框求和! 值得下载看看!资源免费,大家分享!!

    复选框,全选,取消全选,返回值json

    复选框,全选,取消全选,返回值json 下面是文章地址: 【复选框,全选,取消全选,】 ...【js统计所选复选框的值,返回类型为json】 https://blog.csdn.net/cplvfx/article/details/80511578

Global site tag (gtag.js) - Google Analytics