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

jQuery多选框全选,取值

阅读更多

//全选以及反选
$("#checkall").click(function(){ 
if(this.checked){ 
	var str="";
	$("input[name='varcheck']").each(function(){
		this.checked=true;
	}); 
  }else{ 
	$("input[name='varcheck']").each(function(){this.checked=false;}); 
	} 
  } 
);

取值的时候遇到一点问题,在IE下没问题,在Firefox下则完全不行,后来找到原因。
function getValue(){
	var str="";
	$("[name='varcheck']:checked").each(function(){
		str+=$(this).val()+",";
	}); 
	str = str.substr(0,str.length-1);
	return str;
}
分享到:
评论

相关推荐

    jquery复选框全选操作

    在本示例中,我们将聚焦于jQuery实现复选框的全选与反选功能,这对于创建数据筛选或批量操作的用户界面非常有用。下面将详细介绍这个功能的实现方式。 首先,我们需要在HTML页面中设置一组复选框,通常我们会为这些...

    jquery 复选框 全选,全不选

    本话题主要关注如何使用jQuery来实现复选框的全选和全不选功能。在HTML页面中,复选框是一种常见的表单元素,用于让用户可以选择多个选项中的一个或多个。全选和全不选功能则为用户提供了一种便捷的方式来一次性选择...

    多选框全选反选

    ### 多选框全选与反选功能实现 在网页开发中,经常需要用到表单来收集用户的选择。其中,多选框(复选框)是一种常见的控件类型,用于允许用户选择一个或多个选项。本篇文章将详细介绍如何利用JavaScript实现多选框...

    spreadjs_列头添加复选框全选功能-demo.zip

    《SpreadJS:实现列头复选框全选功能详解》 SpreadJS 是一款强大的JavaScript电子表格库,由 GrapeCity 公司开发,它允许开发者在Web应用中创建、编辑和展示电子表格数据。在实际应用中,我们经常需要在列头添加复...

    javascript复选框全选

    javascript 复选框全选,复选框全选,复选框全选

    Axure RP 复选框全选、反选

    用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。

    DataGridView 复选框全选。

    在这个场景下,我们将关注如何在`DataGridView`中实现复选框列的全选功能。这涉及到用户交互的增强,以及对事件响应的编程。 首先,我们需要在`DataGridView`中添加一个复选框列。这可以通过在设计时手动添加,或在...

    jquery实现复选框全选和反选

    《锋利的jquery》利用jquery实现复选框的全选和反选

    javascript 实现复选框全选/取消功能

    ### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    微信小程序实现多选框全选与取消全选功能示例

    本文实例讲述了微信小程序实现多选框全选与取消全选功能。分享给大家供大家参考,具体如下: js部分: page({ data: { select_all:false, listData: [{code: "111",text: "text1",typ: "type1",}, {code: "021",...

    复选框全选全不选JS代码

    当页面中有多个复选框时,全选(Select All)和全不选(Deselect All)功能可以极大地提高用户体验,让用户能够快速选择或取消所有选项。 ### JS代码分析 #### 函数getAllCheckBox()详解 给定的代码片段是一个名...

    js 实现 复选框全选(二)

    js 实现 复选框全选(二)! 值得下载看看!资源免费,大家分享!!

    一个基于jQuery 实现的的全选、反选复选框插件源码例子

    这个“基于jQuery实现的全选、反选复选框插件源码例子”是一个很好的学习资源,可以帮助开发者理解如何利用jQuery来操控DOM(Document Object Model)中的复选框,并实现全选与反选的功能。 首先,我们要了解jQuery...

    关于多选框的全选和全不选

    关于多选框的全选和全不选

    js控制复选框全选、全不选

    在JavaScript编程中,"js控制复选框全选、全不选"是一个常见的需求,尤其在数据表或者选项列表中,用户可能希望一次性选中或取消所有复选框。这个功能可以通过编写简单的JavaScript代码实现。这里我们将深入探讨如何...

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

    全选、全不选和反选功能使得用户可以便捷地管理多个复选框的状态,尤其在处理大量选项时非常实用。 全选功能允许用户一次性选中所有复选框,通常通过一个主复选框(如“全选”或“全部”)触发。全不选则相反,它能...

    jquery复选框_全选_反选_取消_选中输出等功能用jquery特效和jquery插件两种表单特效

    ### 使用jQuery实现复选框全选、反选、取消及选中值输出功能 #### 一、背景介绍 在Web开发中,复选框(Checkbox)是常用的表单元素之一,用于收集用户的选择数据。然而,传统的HTML复选框功能较为单一,无法满足...

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`<input>`标签定义,类型为...

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

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

Global site tag (gtag.js) - Google Analytics