`

jQuery全选

阅读更多
  1. <script type="text/javascript">
  2. $(function() {
  3. $("#selectall").click(function() {
  4. $("input[@name='shareuser[]']").each(function() {
  5. $(this).attr("checked", true);
  6. });
  7. });
  8. $("#deselectall").click(function() {
  9. $("input[@name='shareuser[]']").each(function() {
  10. $(this).attr("checked", false);
  11. });
  12. });
  13. });
  14. </script>
  15. <input type='checkbox' id='in-shareuser-10' name='shareuser[]' value='10' />UserA
  16. <input type='checkbox' id='in-shareuser-11' name='shareuser[]' value='11' />UserB
  17. <input type='checkbox' id='in-shareuser-12' name='shareuser[]' value='12' />UserC
  18. <input type="button" id="selectall" name="selectall" value="全选" />
  19. <input type="button" id="deselectall" name="deselectall" value="取消全选" />
分享到:
评论

相关推荐

    jquery全选反选全不选案例

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

    demo46-jQuery全选,反选,取消选择.html

    demo46-jQuery全选,反选,取消选择.html

    jquery全选反选插件

    本话题将深入探讨“jQuery全选反选插件”的相关知识点,这对于构建具有复选框全选和反选功能的用户界面非常有用。 首先,jQuery全选反选插件的核心功能是实现复选框的批量选择。在网页上,当用户需要对一组选项进行...

    Jquery全选反选Checkbox

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

    php+jquery全选框功能

    首先,我们来看标题提到的"php+jquery全选框功能"。PHP是一种服务器端脚本语言,主要用于处理动态网页内容,而jQuery则是一种轻量级的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。在...

    jQuery全选、反选与获取选中值

    ### 一、jQuery全选 全选功能通常应用于多选列表或表格中,允许用户一次性选择所有选项。在jQuery中,我们可以通过`$("selector").attr("checked", true)`来实现。这里的`selector`是用于选择你想要设置为选中的...

    jquery通用全选并控制操作按钮

    总之,jQuery全选并控制操作按钮的功能是一个实用且常见的网页交互设计,通过合理地运用jQuery的DOM操作和事件处理,可以极大地提升用户在网页上的操作体验。在实际开发中,这种功能还可以扩展,例如,添加多选区间...

    jQuery全选反选及批量删除

    "jQuery全选反选及批量删除"是一个常见的交互功能,常用于表格或列表的管理,例如用户可以选择多个项目进行批量操作,如删除。这里我们将深入探讨如何实现这个功能。 首先,我们需要了解jQuery的选择器和事件绑定。...

    Jquery全选及光棒效果

    Jquery全选及光棒效果 这里提供了2种确实可行的方式,复制粘贴就好,通俗易懂。

    checkbox使用jquery全选-反选-取得选中的值-Housl.zip

    这个压缩包文件"checkbox使用jquery全选-反选-取得选中的值"中应该包含了完整的HTML、CSS和JavaScript代码示例,你可以下载并运行以更好地理解和实践这些功能。通过学习和掌握这些技术,你可以轻松地在项目中实现复...

    jQuery全选与局部全选demo

    帮人写的小demo,很简单,jquery就十几行,没加样式,理解之上,免费放送 欢迎喜欢web前端开发的朋友加入关注前端,大家一起交流

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

    对于“全选”、“全不选”和“反选”功能,jQuery 提供了简洁的解决方案,同时也可以方便地获取选中的元素值。以下我们将详细探讨如何使用 jQuery 实现这些功能。 1. **全选**: 全选功能通常应用于具有多选选项的...

    jquery 全选,反选

    使用jquery实现 checkbox的 全选,反选

    jquery全选反选

    "jquery全选反选"这个主题就是关于如何利用jQuery实现复选框的选择全部(全选)和选择相反(反选)功能,这在诸如表格数据筛选、多选确认等场景中非常实用。 全选功能允许用户一键选中所有复选框,反选则是将所有已...

    jQuery全选、反选与获取选中值 源码下载

    本篇文章将详细讲解如何利用jQuery实现全选、反选功能,并介绍如何获取选中项的值。这在构建网页表单或者需要用户多选操作的场景中非常常见。 首先,让我们理解全选和反选的基本概念。全选意味着选定所有可选项,而...

    Jquery 全选反选实例代码

    本文给大家分享一段基于jQuery的全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的WEB爱好者...

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

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

    JQuery实现checkbox的全选取消全选

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

Global site tag (gtag.js) - Google Analytics