`

Jquery实现全选/取消全选

阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Jquery实现全选/取消全选</title>
    <script src="jquery-1.7.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        function checkAll()

       {
             $(":checkbox").attr("checked","true");
        }
        function uncheckAll()

       {
               $(":checkbox").each(function(){
                 this.checked=false;
               })
         }
    </script>
</head>
<body>
<input type="checkbox" id="in1" />Jquery<br />
<input type="checkbox" id="in2" />JavaScript<br />
<input type="checkbox" id="in3" />ADO.net<br />
<p>
<input type="button" name="checkAll" value="全选" onclick="checkAll()" />
<input type="button" name="uncheckAll" value="取消全选" onclick="uncheckAll()" />
</p>
</body>
</html>

分享到:
评论

相关推荐

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

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

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

    在本示例中,我们将讨论如何使用jQuery实现全选/取消全选的功能,以及如何获取选中复选框的值。 首先,jQuery版本1.3.2被用于这个例子。在HTML部分,我们有多个`&lt;input type="checkbox"&gt;`元素,它们共享同一个name...

    jquery实现全选和反选小功能

    很好用的使用jquery来实现的通用的全选反选功能

    Jquery实现全选和反选功能

    } else { // 否则按正常逻辑进行全选/反选 $('.checkbox-item').prop('checked', isChecked); } }); }); ``` 4. **优化用户体验**: 为了提供更好的用户体验,我们还可以监听所有子复选框的`change`事件,当...

    jQuery+CSS3相册上传全选/取消多张图片选择动画

    本项目“jQuery+CSS3相册上传全选/取消多张图片选择动画”正是针对这一需求,提供了一种视觉效果出色且交互性强的解决方案。通过结合jQuery的事件处理和CSS3的动画特性,实现了用户在选择多张图片时的流畅体验。 ...

    JQuery实现checkbox的全选取消全选

    通过以上分析,我们可以看到,使用jQuery实现复选框的全选与取消全选功能不仅高效,而且代码清晰易懂。这得益于jQuery强大的DOM操作能力和事件处理机制,使得复杂的前端交互变得简单。掌握这些技巧,可以大大提高...

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

    此外,还有一个“全选/取消全选”的复选框,用于控制其他所有复选框的状态。具体需求如下: - 当点击“全选/取消全选”时,如果该复选框被选中,则页面中所有的复选框都应该被选中;反之,如果该复选框未被选中,则...

    用jquery实现全选,取消,反选等与否和拖拽

    在这个场景中,我们关注的是如何利用jQuery来实现全选、取消选择、反选的功能,以及如何实现元素的拖拽效果。以下是关于这些功能的详细解释: **全选、取消和反选功能**: 1. **全选**:这个功能允许用户一键选中...

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

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

    用JQuery实现全选与取消的两种简单方法

    用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。 代码如下:”text/javascript”&gt;&lt;!–$(function() { $(“#checkall”).click(function() { $(“input[@name=’checkname[]’]”).each...

    jQuery实现复选框全选/取消全选/反选及获得选择的值

    jQuery实现复选框全选、取消全选、反选及获得选择的值是前端开发中常遇到的需求,下面详细介绍一下这些操作的实现方式。 首先,全选功能通常会有一个控制所有复选框状态的主复选框,当主复选框被选中时,页面上所有...

    jquery 实现全选,全不选,反选,获取选中的值

    综上所述,使用 jQuery 实现全选、全不选、反选以及获取选中值的功能是相当直观和简单的。通过绑定事件处理器,我们可以轻松地响应用户的交互,动态地更新页面状态。结合 HTML 结构和适当的 CSS 样式,可以创建出...

    jquery实现快速简单的全选/反选

    jquery的诞生注定会给IT男们带来前台的惊喜

    jquery一句话全选/取消全选

    在本文中,我们将深入探讨如何使用 jQuery 实现“一句话全选/取消全选”。 首先,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理以及AJAX交互等任务,从而让开发者能够编写更简洁、更易于...

    JQuery实现全选、全不选、反选功能

    JQuery实现全选、全不选、反选功能 1、当点击'全选'按钮时,页面中所有的复选框都应该为选中状态, 1.1、当再次点击'全选'按钮时,所有的复选框应该是非选中状态。 1.2、当点击子复选框时,'全选'按钮应该是非选中...

    js, jQuery实现全选、反选功能.docx

    // 计数器实现全选/反选同步 for (var i = 0; i ; i++) { lber[i].onclick = function() { var sum = 0; for (var j = 0; j ; j++) { if (lber[j].checked) { sum += 1; if (sum == lber.length) { box....

    js/jQuery实现全选效果

    本文将详细介绍如何使用JavaScript和jQuery两种方法实现全选效果。 **JavaScript实现全选效果** 1. **点击全选按钮实现全选** 当用户点击全选按钮时,我们需要遍历所有的子选框并设置它们的`checked`属性为`true`...

    jquery实现全选、反选、获得所有选中的checkbox

    2、取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }) 3、选中所有奇数 $("#btn3").click(function(){ $("input[name='checkbox']:odd").attr("check

Global site tag (gtag.js) - Google Analytics