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

checkbox全选 和获取值

阅读更多

<script type='text/javascript'>
//全选
function checkAllChkBox(boolvalue,formid)
{
	var name = formid+'[]';
	var ochkForm	= document.getElementById(formid);
	var ochkBoxes	= document.getElementsByName(name);
	try {
		if(ochkBoxes.length>0)
		{
			for(var i=0;i<ochkBoxes.length;i++)
			{
				ochkBoxes[i].checked = boolvalue;
			}
		}
		else
		ochkBoxes.checked = boolvalue;
	}
	catch (e) {}
}
//获取选取值
function getchkbox(fid)
{
	var name = fid+'[]';
	var ochkForm	= document.getElementById(fid);
	var ochkBoxes	= ochkForm[name];
	if (ochkBoxes == undefined)
	{
		bangding();
		return;
	}	
	var strval = "";
	
	var biaoyang = jQuery('#biaoyang').val();
	var iLen = ochkBoxes.length;
	var iLenval = 0;
	for(var i=0;i<iLen;i++)
	{
		if (ochkBoxes[i].checked == true)
		{
			strval = strval+'&'+ochkBoxes[i].value;
			iLenval++;
		}	
	}
	if (iLenval > 0)
	{
		alert("你将表扬:"+strval+":"+biaoyang);
	}
	else
	{
		alert("您未选择该分组下任何用户");
	}	
}
</script>
 <div class="quanxuan"><input name="" type="checkbox" onclick="checkAllChkBox(this.checked,'check1')" value=""/> 全选</div>
		 <form name="check1" id="check1">
		
		<div class="hiuyuan clearfix">
			<div class="imgDiv">
				<a href="#"><img src="/images/adorn/b_00.gif" width="50" height="50" alt="" /></a><input type="checkbox" name="check1[]"  value='1287464960' class="input"/><a href="#">张三</a>
			</div>
			<div class="imgDiv">
				<a href="#"><img src="/images/adorn/b_00.gif" width="50" height="50" alt="" /></a><input type="checkbox" name="check1[]" value="1287464960" class="input"/><a href="#">跟对跟对方给</a>
			</div>
			<div class="imgDiv">
				<a href="#"><img src="/images/adorn/b_00.gif" width="50" height="50" alt="" /></a><input type="checkbox" name="check1[]" value="1287464960" class="input"/><a href="#">跟跟方给</a>
			</div>
			<div class="imgDiv">
				<a href="#"><img src="/images/adorn/b_00.gif" width="50" height="50" alt="" /></a><input type="checkbox" name="check1[]" value="1287464960" class="input"/><a href="#">李四</a></a>
			</div>
			<div class="imgDiv">
				<a href="#"><img src="/images/adorn/b_00.gif" width="50" height="50" alt="" /></a><input type="checkbox" name="check1[]" value="1287464960" class="input"/><a href="#">跟对跟对方给</a>
			</div>

		</div>
		</form>
 
0
2
分享到:
评论
1 楼 argont 2011-01-13  
checkbox有时候是分组的,这样实现有点笼统了。

相关推荐

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    CheckBox全选并删除

    在ASP.NET开发中,CheckBox控件常常用于实现用户界面中的多选功能,而"CheckBox全选并删除"这个主题涉及到两个关键操作:全选和删除。全选功能允许用户一次性选择多个选项,删除则通常指的是从数据库或其他数据存储...

    checkbox实现全选和反选经典例子

    这里会涉及对DataGridView行的遍历,获取每个Row内的Checkbox控件,并根据全选Checkbox的状态改变它们。 5. **代码示例** ```csharp protected void chkSelectAll_CheckedChanged(object sender, EventArgs e) {...

    android checkbox全选反选

    "Android CheckBox全选反选"这个话题主要涉及如何在ListView中实现CheckBox的选择与反选择操作,包括全选和反选的功能。ListView是Android系统提供的一种列表视图,它可以显示大量数据并允许用户进行交互。下面我们...

    flex Datagrid checkbox全选

    总结起来,实现Flex Datagrid checkbox全选功能主要涉及自定义数据列、表头渲染器和行渲染器,通过事件监听和状态同步来达到全选的效果。在实际应用中,可能还需要处理部分选中、反选等复杂逻辑,但上述步骤提供了一...

    三种方式实现checkbox全选,反选

    以下是三种实现Checkbox全选和反选的方法,以及它们的JavaScript和Java实现细节。 ### 方法一:使用`checked`属性 **JavaScript实现**: 在JavaScript中,可以通过获取全选按钮的`checked`属性来控制所有复选框的...

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

    element-ui CheckBox全选.txt

    vue配合element-ui框架中el-checkbox 接收json"data:[{key:1,name:'小李'}]"对象时全选与非全选时获取相关设定的值源码文件

    android ListView中的checkBox全选和反选Demo

    综上所述,这个“android ListView中的checkBox全选和反选Demo”主要展示了如何在ListView中集成CheckBox,实现列表项的全选和反选功能,以及如何优化Adapter以提高性能。理解并掌握这些知识点对于Android开发者来说...

    javascript获取checkbox选定的值,checkbox全选功能

    javascript获取checkbox选定的值,checkbox全选功能的一个例子,方便新手朋友下载使用。费了好大劲才把功能做全了。

    easyui checkbox +全选

    这段代码会获取全选按钮的 `checked` 状态,并将其应用于所有具有 `.checkbox` 类的复选框。 4. **处理复选框的互选同步** 如果需要在单个复选框被选中或取消时更新全选按钮的状态,可以监听 `change` 事件: ``...

    PHP checkbox全选及提交到PHP

    这个项目("PHP checkbox全选及提交到PHP")涵盖了前端的全选功能实现,后端的PHP接收表单数据,以及可能涉及的数据库操作。了解这些知识点有助于构建一个完整的用户交互系统,允许用户在网页上选择多个选项并将其...

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中,Checkbox(复选框)是一种非常常见的用户界面元素,用于收集用户的多选输入。尤其是在表单设计时,Checkbox的全选与反选功能极大地方便了...

    简约时尚CSS样式,checkbox 全选或取消全选、或得到选中个数全案例使用详解

    "Table简约时尚CSS样式,checkbox全选或取消全选、或得到选中个数全案例使用详解(百度、CSDN、ITEye).html"是一个实际的示例文件,它包含完整的HTML和CSS代码,可能还包含了JavaScript实现。这个案例演示了如何将...

    checkBox全选——jscheckBox全选——jscheckBox全选——js

    这段代码的工作原理是:当`#selectAll`被点击时,获取所有名为`items`的`checkBox`,然后遍历这些`checkBox`,将它们的`checked`属性设置为全选`checkBox`的`checked`状态。这样,如果全选`checkBox`被选中,所有...

    json获取datatable后生成table分页显示checkbox全选

    "json获取datatable后生成table分页显示checkbox全选"这个主题涵盖了几个重要的JavaScript和前端开发技术,这些技术有助于提升用户体验并优化服务器资源。以下是这些知识点的详细说明: 1. **JSON (JavaScript ...

    checkbox全选功能实例

    实例1.html和checkbox全选功能实例.html可能是两个不同的实现示例,你可以通过查看这两个文件来对比学习不同的实现方法和代码结构。 总结,`checkbox`全选功能是Web开发中常见的用户交互功能,通过理解和实践这一...

    android checkBox全选 反选

    本文将详细讲解如何实现CheckBox的全选和反选功能,并结合提供的"android checkBox全选 反选"的标题和描述,以及相关的标签,我们将探讨具体的实现策略。 首先,我们需要理解CheckBox的基本用法。在XML布局文件中,...

    javascript中CheckBox全选终极方案.docx

    通过上述介绍和代码示例,我们可以看到在ASP.NET中实现CheckBox全选功能并不复杂。只需正确编写JavaScript代码,并结合ASP.NET控件,即可轻松实现这一实用的功能。此外,还可以根据具体需求进行扩展,例如添加反选...

    checkbox全选反选与批量删除附源码

    **一、Checkbox全选与反选** 1. **Checkbox基本概念**:Checkbox是HTML中的一种表单元素,用于用户输入布尔值(即“选中”或“未选中”)。通过设置`checked`属性,可以默认选中一个复选框。 2. **全选功能**:在...

Global site tag (gtag.js) - Google Analytics