`

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">
<!--
j_q(function() {
 j_q("#checkedAll").click(function() { 
 if (j_q(this).attr("checked") == true) { // 全选
j_q("input[@name='checkbox_name[]']").each(function() {
  j_q(this).attr("checked", true);
  });
 } else { // 取消全选
 j_q("input[@name='checkbox_name[]']").each(function() {
 j_q(this).attr("checked", false);
  });
 }
 });
});
//-->
</script>

分享到:
评论

相关推荐

    jQuery实现checkbox全选的方法

    本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。 使用click事件,根据...

    JQuery实现checkbox的全选取消全选

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

    jquery实现checkbox全选、反选、全部选。精简写法

    jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...

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

    在提供的文件“js实现checkbox全选,反选,全不选.htm”中,应当包含了上述功能的具体实现。通过查看源码,我们可以了解到实际的HTML结构以及jQuery脚本是如何与之配合的。这个文件可以作为一个示例,帮助我们更好地...

    Jquery 实现checkbox全选方法

    ### jQuery实现checkbox全选方法知识点 #### 1. jQuery实现全选的基本思路 在Web开发中,checkbox是一种常见的表单元素,用于提供一个可以被选中或取消选中的选项。在实际应用中,有时需要实现全选和全不选的功能...

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

    这可以通过监听全选Checkbox的`CheckedChanged`事件来实现,然后遍历DataGridView的所有行,设置每一行的Checkbox为与全选Checkbox状态一致。 - **反选功能**:反选意味着取消所有已选中的项。这可以通过再次触发...

    jQuery实现CheckBox全选、全不选功能

    废话不多说了,直接给大家贴代码了,具体代码如下所示: &lt;...jQuery实现CheckBox全选、全不选&lt;/title&gt; [removed][removed] [removed] $(function() { $(':checkbox').click(function(evt)

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

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

    checkbox的全选与取消

    全选功能通常是通过一个主复选框来实现的,当用户点击这个主复选框时,所有相关的子复选框会被自动选中或取消。这需要用到JavaScript或者jQuery来实现交互逻辑。例如,我们可以添加一个主复选框并监听其`change`事件...

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

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

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

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

    jquery Checkbox 全选 反选 全不选 多种实现方法

    在涉及到表单元素如复选框(Checkbox)时,经常需要实现全选、反选和全不选的功能。下面将详细探讨 jQuery 如何实现这些功能,以及如何进行表单验证。 1. **全选功能** 要实现全选功能,首先我们需要一个主复选框...

    jQuery实现checkbox全选功能完整实例

    本文主要介绍了使用jQuery来实现网页中checkbox全选功能的完整实例。通过这个实例,读者可以学习到如何通过jQuery的事件响应机制来动态控制页面上元素的属性,特别是在处理复选框全选/取消全选逻辑时的应用技巧。 ...

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

    ### jQuery 实现 Checkbox 全选与取消全选 在网页开发中,经常需要用到表单元素中的复选框(checkbox)来收集用户的选择信息。当页面中有多个复选框时,通常还需要提供“全选”和“取消全选”的功能,以便用户能够...

    jquery实现checkbox的全选和全不选

    jquery实现全选和全不选,只要有一个复选框没有选中,全选框不选中;

    CheckBox全选并删除

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

    jquery实现checkbox全选全不选的简单实例

    本文将介绍如何利用jQuery库来实现复选框(checkbox)的全选全不选功能。jQuery是一个快速、简洁的JavaScript库,其设计的宗旨是使网页的JavaScript操作更加简单、高效,尤其在DOM操作方面。通过引入jQuery库,我们...

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

    综上所述,实现"checkbox全选,选中数据传到后台"的功能,涉及到前端的HTML、CSS、JavaScript(特别是AJAX)技术,以及后端的Struts2框架、Spring框架和Hibernate ORM的使用。此外,还需要对数据库操作有深入理解,...

    jquery 一个checkbox控制全选与反选

    页面上通过一个checkbox实现全选与反选

Global site tag (gtag.js) - Google Analytics