`
shirlly
  • 浏览: 1652276 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

jquery全选/取消选择checkbox

阅读更多
<input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选

<script type="text/javascript"> 
<!-- 
$(function() { 
$("#checkedAll").click(function() { 
if ($(this).attr("checked") == true) { // 全选 
   //$(":checkbox").each( function() { //可以对.net服务器控件有效 
   $("input[@name='checkbox_name[]']").each(function() { 
   $(this).attr("checked", true); 
  }); 
} else { // 取消全选 
   //$(":checkbox").each( function() { //可以对.net服务器控件有效 
   $("input[@name='checkbox_name[]']").each(function() { 
   $(this).attr("checked", false); 
  }); 
} 
}); 
}); 
//--> 
</script> 

分享到:
评论

相关推荐

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    "checkbox全选/取消全选以及checkbox遍历jQuery实现代码" CheckBox全选/取消全选是指在一个CheckBox组中,选择或取消选择所有CheckBox的功能。这种功能在实际应用中非常常见,例如在多选题中,用户可以选择所有选项...

    JQuery实现checkbox的全选取消全选

    在IT领域,特别是前端开发中,使用jQuery来操作DOM元素是一种常见的实践,特别是在处理复选框(checkbox)的全选与取消全选功能时。本文将深入解析如何使用jQuery实现这一功能,通过分析给定代码片段,提炼出关键...

    全选、全取消checkbox.docx

    在网页设计中,全选和全取消功能常常用于多选框(Checkbox)的场景,方便用户快速选择或取消选择所有选项。在HTML和JavaScript中,我们可以实现这样的功能,以提高用户体验。下面我们将深入探讨如何使用JavaScript和...

    jquery全选反选全不选案例

    "jquery全选反选全不选案例" 是一个常见的交互功能,常见于表格或者列表中,允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...

    jQuery checkbox全选/取消全选实现代码

    总结来说,本文档通过示例代码展示了如何使用jQuery实现复选框的全选/取消全选功能,并简单介绍了`.attr()`和`.each()`等jQuery方法的用法。通过这些方法,开发者可以更加轻松地处理页面上的DOM元素,并实现各种交互...

    利用jQuery实现CheckBox全选/全不选/反选的简单代码

    jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–&gt;测试通过,jquery-1.5.1.js–&gt;测试不通过。 实现CheckBox全选/全不选/反选代码如下: &lt;&#37;@ page language="java" ...

    jQuery全选

    在实际的Web应用中,jQuery全选功能可以应用于各种场景,如电商网站的商品批量选择、表格数据的全选导出、用户管理界面的批量操作等。结合Ajax异步请求,还可以实现动态数据的全选与反选,提升用户体验。 五、拓展...

    checkbox的全选与取消

    在网页设计中,复选框(Checkbox)是用户界面中不可或缺的一部分,它允许用户对多个选项进行选择。本文将深入探讨“复选框的全选与取消”这一主题,主要基于提供的HTML文件“checkbox.html”。全选和取消功能通常...

    Jquery全选反选Checkbox

    "Jquery全选反选Checkbox"是一个常见的功能需求,特别是在需要用户批量选择或取消选择多个选项的场景下。这个功能通常应用于表格、列表或其他数据展示组件,让用户能够快速地对一组复选框进行全选或反选操作。 首先...

    jquery一句话全选/取消全选

    标题中的“jquery一句话全选/取消全选”指的是使用一行 jQuery 代码来完成全选或取消全选所有复选框的功能。下面将详细解释实现这个功能的方法。 1. 引入 jQuery 库: 在 HTML 文件中,你需要引入 jQuery 的库文件...

    解决JQuery全选/反选第二次失效的问题

    最后,作者选择了使用原生JavaScript来实现全选/反选功能。原生JavaScript的`getElementsByName`方法可以获取所有具有指定名称的元素,然后通过循环遍历这些元素,设置它们的`checked`属性为`true`或`false`,从而...

    jQuery制作全选CheckBox

    2. **状态同步功能**:对于非全选的CheckBox,当其中一个被选中或取消选中时,系统需要判断当前所有非全选CheckBox的状态是否完全一致,如果是,则更新“全选”CheckBox的状态以反映这种一致性;如果不是,则“全选...

    jquery复选框全选/取消示例

    以下是一个简单的全选/取消全选的jQuery函数示例: ```javascript /** * 全选函数 * @param mainId 主复选框id * @param klass 下属复选框的class */ function selectAll(mainId, klass) { $("." + klass)....

    jquery checkbox全选、取消全选实现代码

    &lt;input type="checkbox" name="checkedAll" id="checkedAll"&gt;全选/取消全选 &lt;script type="text/javascript"&gt; $(function(){ $("#checkedAll").click(function(){ if($(this).is(":checked")){ // 全选 $(...

    juqery实现复选框全选/反选demo源码

    jQuery提供了一种简单的方法来实现复选框的全选与反选功能,这对于批量操作或者多选项选择具有很好的用户体验。 在标题"jQuery实现复选框全选/反选demo源码"中,我们关注的核心知识点是利用jQuery实现复选框的全选...

    Js/Jquery 实现checkbox全选,反选,全不选

    在JavaScript和jQuery的世界里,处理复选框(Checkbox)的选择状态是常见的需求,尤其是在构建交互式的Web应用时。本文将详细讲解如何通过JS和jQuery实现checkbox的全选、反选以及全不选功能。 首先,我们需要理解...

    jQuery 全选/反选以及单击行改变背景色实例

    在这个实例中,我们关注的是如何使用 jQuery 实现表格中的全选/反选功能以及单击行改变背景色的效果。 首先,我们需要了解基本的 HTML 结构。这里有一个包含多个行的表格,每个行内都有一个复选框。表格的头部有一...

Global site tag (gtag.js) - Google Analytics