`
fa610
  • 浏览: 10716 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

多选框相关

    博客分类:
  • Web
阅读更多
1.selectAllOrClear()全选和全取消;
2.selectThisRow()点击某一多选框时判断是否需要勾选全选框;

//多选框相关
  function selectAllOrClear(){
var checkArr = $("input[name=checkbox]");
if($("#cbox").attr("checked") == 'checked'){ //全部选中
  $(checkArr).each(function(){
     this.checked = 'checked';
  });
}else{
  $(checkArr).each(function(){  //全部取消
     this.checked = false;
  });

  
  }

  function selectThisRow(){
var checkArr = $("input[name=checkbox]");
var i = 0;
$(checkArr).each(function(){
//   this.checked = 'checked';
    if(this.checked){
     i++;
    }
});

$("#cbox").attr("checked",false);    //取消全选
if(i == checkArr.length){
  $("#cbox").attr("checked",true);
}
    
  }
分享到:
评论

相关推荐

    jquery多选框

    在这个特定的案例中,我们看到了一系列与jQuery多选框相关的文件: 1. `jquery-ui.css` 和 `jquery-ui-1.7.2.custom.css`:这是jQuery UI库的样式文件,jQuery UI是一个扩展了jQuery功能的库,提供了许多可交互的UI...

    树形多选框

    在这个场景中,"树形多选框"指的是在`ExpandableListView`的每个子项中嵌入多选框,允许用户对多个子项进行选择。这在实现如文件管理器、设置菜单等具有多级选项的应用场景中非常常见。 首先,我们需要理解`...

    多选框控制显示和不显示列

    在IT领域,尤其是在数据展示和用户交互设计中,"多选框控制显示和不显示列"是一个常见的功能,尤其在表格或数据网格的应用中。这个功能允许用户根据自己的需求选择显示哪些列,提高数据查看和分析的灵活性。下面将...

    多选框checkbox

    在Android开发中,多选框(CheckBox)是一个不可或缺的用户界面元素,它允许用户在多个选项中进行选择,常用于设置界面或筛选功能。本文将深入探讨如何在Android应用中使用Checkbox,包括其基本用法、监听事件以及...

    多选框插件uichoose

    3. **易用性**:配置简单,只需要引入相关的JavaScript和CSS文件,通过简单的API设置,即可实现多选框和单选框的个性化定制。 4. **功能丰富**:除了基本的选中和取消选中,uichoose还支持禁用选项、分组、多级选择...

    多选框的运用.rar

    5. **分组多选框**:使用`<fieldset>`和`<legend>`标签可以将一组相关的多选框组织在一起,提供更好的语义理解。例如: ```html 请选择你的喜好: 音乐</label><br> 运动</label><br> ``` 在这个例子...

    html5 css3制作checkbox多选框选中样式特效

    本教程将详细讲解如何利用HTML5和CSS3来创建一个具有独特选中样式的checkbox多选框特效。 首先,HTML5的`<input>`标签用于创建交互元素,其中`type="checkbox"`属性定义了一个复选框。基本的HTML结构可能如下: ``...

    Bootstrap-selectpicker多选框的简单实例

    在本实例中,我们将探讨如何使用Bootstrap-selectpicker实现多选框功能。 Bootstrap-selectpicker的核心在于其丰富的样式和交互性,它通过CSS和JavaScript来增强默认的HTML `<select>` 元素。首先,你需要在你的...

    jsp select 带多选框

    下面是一个基本的JSP多选框示例: ```jsp ; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> 多选下拉框示例 选项1 选项2 选项3 选项4 选项5 提交"> ``` 在这个例子中,`<select>`...

    多选框互选

    在提供的压缩包文件中,`2个多选框互选.htm`可能是包含上述HTML和JavaScript实现的网页,`2个多选框互选_files`可能是一个文件夹,包含与网页相关的资源,如CSS样式文件或图片。 总的来说,“多选框互选”是一个...

    UICheckBox 多选框 复选框 IOS

    6. **事件传递**:当复选框的状态改变时,可能会需要通知父视图或者其他相关组件。可以使用Target-Action机制或者KVO(Key-Value Observing)来实现。 7. **扩展性**:为了提高代码的可维护性和复用性,可以考虑为...

    Mysql + jsp +javabean+ jquery +ajax+servlet 实现的功能:控制台获取表格多选框选中的栏数。

    在IT行业中,构建Web应用程序是常见的任务,而本项目利用一系列技术实现了在控制台获取表格多选框选中的栏数这一功能。以下是基于标题、描述和标签所涉及的知识点的详细说明: 1. **MySQL**: MySQL是一个流行的...

    ultragrid动态添加多选框(行)

    当用户点击多选框时,更新选定的行,并可能执行其他相关操作,如更新数据源或执行其他业务逻辑。 5. **样式和布局**: 根据需要调整多选框的样式,使其适应Ultragrid的整体外观。可以修改字体、大小、对齐方式等属性...

    jquery实现的仿淘宝多选框

    本项目"jquery实现的仿淘宝多选框"旨在模仿淘宝网站上的多选筛选功能,帮助用户更高效地查找和过滤商品。这个功能对于提升用户体验至关重要,尤其是在商品种类繁多的电商平台上。 首先,我们来看多选框的基本概念。...

    checkbox复选框传值

    每个复选框都有一个`name`属性,用于标识一组相关的选择。例如: ```html ``` 这里,`interests`是复选框组的名称,`value`属性定义了每个复选框的值。 2. 处理复选框的值 只有被选中的复选框才会在表单提交时...

    非常简单的下拉复选框

    下拉复选框是一种常见的表单组件,它将传统的复选框与下拉菜单结合,节省空间的同时提供了更多的选项选择。本文将深入探讨一种名为“非常简单的下拉复选框”的JavaScript插件,该插件旨在简化开发过程,提高用户界面...

    asp.net 下拉菜单 多选框 DropDownCheckList

    ASP.NET 下拉菜单多选框控件,通常被称为 DropDownCheckList,是一种用户界面元素,它结合了下拉菜单和复选框的功能,为用户提供了一种高效且直观的方式来选择多个选项。这种控件在Web应用中非常常见,尤其是在数据...

    复选框插件

    `name`属性则用于在表单提交时标识一组相关的复选框。 **多选功能**:在复选框插件中,多选是常见的特性,允许用户同时选择多个选项。这通常通过在HTML代码中设置多个复选框,并在后端或前端处理选中的值来实现。...

    JSP+AJAX多选、全选,添加、删除、更新多选框

    全选按钮可以设置一个事件监听器,当用户点击时,遍历所有相关多选框,将它们的`checked`属性设置为true。反之,如果全选按钮被取消,将所有多选框的`checked`属性设为false。 四、AJAX实现添加、删除、更新 1. ...

    javascript统计,判断多选框checkbox数量,

    在JavaScript编程中,多选框(checkbox)是网页表单中常见的一种元素,常用于让用户选择多个选项。本文将深入探讨如何使用JavaScript来统计多选框的数量,并根据用户的选择重新组织新的数据。 首先,让我们理解多选...

Global site tag (gtag.js) - Google Analytics