<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>
分享到:
相关推荐
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
在ASP.NET开发中,CheckBox控件常常用于实现用户界面中的多选功能,而"CheckBox全选并删除"这个主题涉及到两个关键操作:全选和删除。全选功能允许用户一次性选择多个选项,删除则通常指的是从数据库或其他数据存储...
这里会涉及对DataGridView行的遍历,获取每个Row内的Checkbox控件,并根据全选Checkbox的状态改变它们。 5. **代码示例** ```csharp protected void chkSelectAll_CheckedChanged(object sender, EventArgs e) {...
"Android CheckBox全选反选"这个话题主要涉及如何在ListView中实现CheckBox的选择与反选择操作,包括全选和反选的功能。ListView是Android系统提供的一种列表视图,它可以显示大量数据并允许用户进行交互。下面我们...
总结起来,实现Flex Datagrid checkbox全选功能主要涉及自定义数据列、表头渲染器和行渲染器,通过事件监听和状态同步来达到全选的效果。在实际应用中,可能还需要处理部分选中、反选等复杂逻辑,但上述步骤提供了一...
以下是三种实现Checkbox全选和反选的方法,以及它们的JavaScript和Java实现细节。 ### 方法一:使用`checked`属性 **JavaScript实现**: 在JavaScript中,可以通过获取全选按钮的`checked`属性来控制所有复选框的...
vue配合element-ui框架中el-checkbox 接收json"data:[{key:1,name:'小李'}]"对象时全选与非全选时获取相关设定的值源码文件
在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...
综上所述,这个“android ListView中的checkBox全选和反选Demo”主要展示了如何在ListView中集成CheckBox,实现列表项的全选和反选功能,以及如何优化Adapter以提高性能。理解并掌握这些知识点对于Android开发者来说...
javascript获取checkbox选定的值,checkbox全选功能的一个例子,方便新手朋友下载使用。费了好大劲才把功能做全了。
这段代码会获取全选按钮的 `checked` 状态,并将其应用于所有具有 `.checkbox` 类的复选框。 4. **处理复选框的互选同步** 如果需要在单个复选框被选中或取消时更新全选按钮的状态,可以监听 `change` 事件: ``...
这个项目("PHP checkbox全选及提交到PHP")涵盖了前端的全选功能实现,后端的PHP接收表单数据,以及可能涉及的数据库操作。了解这些知识点有助于构建一个完整的用户交互系统,允许用户在网页上选择多个选项并将其...
### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中,Checkbox(复选框)是一种非常常见的用户界面元素,用于收集用户的多选输入。尤其是在表单设计时,Checkbox的全选与反选功能极大地方便了...
"Table简约时尚CSS样式,checkbox全选或取消全选、或得到选中个数全案例使用详解(百度、CSDN、ITEye).html"是一个实际的示例文件,它包含完整的HTML和CSS代码,可能还包含了JavaScript实现。这个案例演示了如何将...
这段代码的工作原理是:当`#selectAll`被点击时,获取所有名为`items`的`checkBox`,然后遍历这些`checkBox`,将它们的`checked`属性设置为全选`checkBox`的`checked`状态。这样,如果全选`checkBox`被选中,所有...
"json获取datatable后生成table分页显示checkbox全选"这个主题涵盖了几个重要的JavaScript和前端开发技术,这些技术有助于提升用户体验并优化服务器资源。以下是这些知识点的详细说明: 1. **JSON (JavaScript ...
实例1.html和checkbox全选功能实例.html可能是两个不同的实现示例,你可以通过查看这两个文件来对比学习不同的实现方法和代码结构。 总结,`checkbox`全选功能是Web开发中常见的用户交互功能,通过理解和实践这一...
本文将详细讲解如何实现CheckBox的全选和反选功能,并结合提供的"android checkBox全选 反选"的标题和描述,以及相关的标签,我们将探讨具体的实现策略。 首先,我们需要理解CheckBox的基本用法。在XML布局文件中,...
通过上述介绍和代码示例,我们可以看到在ASP.NET中实现CheckBox全选功能并不复杂。只需正确编写JavaScript代码,并结合ASP.NET控件,即可轻松实现这一实用的功能。此外,还可以根据具体需求进行扩展,例如添加反选...
**一、Checkbox全选与反选** 1. **Checkbox基本概念**:Checkbox是HTML中的一种表单元素,用于用户输入布尔值(即“选中”或“未选中”)。通过设置`checked`属性,可以默认选中一个复选框。 2. **全选功能**:在...