`
八贤王
  • 浏览: 40154 次
社区版块
存档分类
最新评论

JS全选全不选取值

    博客分类:
  • js
阅读更多
function selectAll(flag){
  var ids = document.getElementsByName("ids");
  for(var i=0;i<ids.length;i++){
    var obj = ids[i];
    obj.checked = flag;
  }
}
function selectCount(){
   var count = 0;
   var ids = document.getElementsByName("ids");
  for(var i=0;i<ids.length;i++){
    var obj = ids[i];
    if(obj.checked){
       count++;
    }
  }
  return count;
}

function getSelectValue(){
   var ids = document.getElementsByName("ids");
   var idsValue="";
  for(var i=0;i<ids.length;i++){
    var obj = ids[i];
    if(obj.checked){
       //return obj.value;
idsValue += obj.value+",";
    }
  }
 
  return idsValue;
}  
function sendAll(){
 
  if(selectCount()<1){
     alert("至少要选中一个选项!!");
     return ;
  }
  var url = "sendMessageInfo.jsp?ids="+getSelectValue();
  alert(url);
 
}
分享到:
评论

相关推荐

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

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

    jquery全选反选全不选案例

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

    js 全选——清空

    在JavaScript(JS)中,"全选"和"清空"功能是常见于表单、列表等用户界面操作中的重要部分。这些功能允许用户快速选取或清除所有项目,提高交互体验。下面将详细介绍如何实现这样的功能,并提供相关知识点。 1. **...

    JS实现复选框全选全不选以及子复选框带动全选框的选中

    在网页交互设计中,复选框...综上所述,通过JavaScript实现复选框全选全不选以及子复选框带动全选框的选中功能,主要涉及事件监听、DOM操作和状态同步。这种交互设计能提高用户操作的便捷性,提升网页应用的用户体验。

    11.JS全选练习.zip

    对于全选功能,我们通常会有一个“全选”按钮,当点击这个按钮时,需要选取页面上所有的可选元素,如复选框(checkboxes)或文本域(textareas)。 实现全选功能的一种方法是首先获取所有需要被选中的元素集合,...

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

    在web前端开发中,经常需要处理表单元素,尤其是在涉及到数据的批量处理时,"全选"和"全不选"这样的操作便显得尤为重要。本文将介绍如何利用jQuery库来实现复选框(checkbox)的全选全不选功能。jQuery是一个快速、...

    全选和不选的切换,js写的一个小功能

    在JavaScript编程中,"全选和不选的切换"是一个常见的功能需求,尤其在处理多选列表或表格时。这个小功能通常用于提供一个按钮,用户点击后可以选择或取消选择所有可选项。以下是对这个功能的详细解释: 首先,我们...

    jQuery 的全选(全非选)即取得被选中的值使用介绍

    在这个问题中,我们关注的是如何使用 jQuery 实现全选(selectAll)和全非选(unselectAll)功能,以及获取选中值的操作。这个功能在诸如表格复选框选择、多选项筛选等场景中非常常见。 首先,来看一下给出的 HTML ...

    layui tree 插件 点击父类不会全选子类。

    有时候开发树形菜单权限管理,选择父节点不想子节点全部选中,经过我的修改现在可以做到。你可以试试。只需要覆盖项目 tree.js就可以。 layui2.5.4版本

    jQuery全选反选及批量删除

    在这个代码中,`#masterCheckbox`是全选按钮的ID,`input[type='checkbox']`选取所有的复选框,`not(this)`排除全选按钮本身,`prop('checked', this.checked)`根据全选按钮的状态设置子复选框的选中状态。...

    全选不选反选jquery

    "全选不选反选"是网页表单中常见的功能,用户可以通过点击一个按钮实现对复选框的批量选择、取消选择或者反向选择。在jQuery中实现这一功能,主要涉及DOM操作、事件处理和数组方法。 首先,我们需要理解DOM...

    JS实现“全选”和"全不选"功能代码实例

    在JavaScript(JS)中,实现“全选”和“全不选”的功能是常见的前端交互需求,尤其是在有多个复选框(checkbox)的场景中。这个功能允许用户一键选择或取消选择所有选项,大大提高了用户体验。下面我们将详细讨论...

    js 分页全选或反选标识实现代码

    6. **全选/全不选事件处理**: - 当全选复选框被点击时,`$("input[name=cg_state]").each()` 遍历所有行的复选框并同步它们的状态。 - `not_all_ck_item` 数组用于存储需要反选的ID。 7. **分页处理**: - 关键...

    使用JQuery制作复选框的全选或单选特效

    为了实现全选或全不选的效果,我们需要一个主复选框(通常称为"全选"),当用户点击这个复选框时,所有的子复选框都会被选中或取消选中。 在jQuery中,我们可以通过选择器来选取特定的DOM元素,并使用各种方法来...

    基于JQuery实现CheckBox全选全不选

    在处理全选复选框被点击的事件处理函数中,使用了`$("[id$='Item']")`选择器来选取所有id属性值以`Item`结尾的复选框,这个选择器是JQuery中属性结尾选择器的使用,它能够匹配所有id属性值以特定字符串结尾的元素。...

    js multiple全选与取消全选实现代码

    本文将详细讲解如何利用JavaScript(包括jQuery)实现多选框(multiple)的全选和取消全选功能。 首先,我们需要理解HTML中的`&lt;select&gt;`元素和`&lt;option&gt;`子元素。`&lt;select&gt;`用于创建下拉列表,`multiple`属性使得...

    JS中如何实现复选框全选功能

    综上所述,复选框全选功能的实现主要依赖于JavaScript对DOM的操作能力,通过选取特定的复选框并根据全选复选框的状态来更新其他复选框的选中状态。通过示例代码的解读,我们能够了解到在实际的前端开发中如何组织和...

    广告及全选反选特效

    全选功能允许用户一键选取所有项目,而全不选则用于清除选择。这一功能的实现一般通过JavaScript来完成,监听checkbox的change事件,当全选按钮被点击时,遍历并更改所有子项的选中状态。同时,考虑到无障碍访问,要...

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

    在JavaScript的世界里,jQuery库为开发者提供了方便快捷的DOM操作,事件处理以及动画效果。本文将深入探讨jQuery中关于“全选”、“反选”以及“获取选中值”的相关知识点,帮助你更好地理解和应用这些功能。 ### ...

    jquery实现全选和全不选功能效果的实现代码【推荐】

    文章标签“jquery 全选 全不选”清晰地指出了文章的核心内容,即使用jQuery来控制复选框的全选和全不选状态。这为读者在寻找相关内容时提供了一个明确的关键词。 在文章提供的部分内容中,我们看到了HTML和jQuery的...

Global site tag (gtag.js) - Google Analytics