项目中全选和反选

<script type="text/javascript">
//页面加载
//获取onclick对象,并绑定onclick时间
//将所有的checkbox打钩
window.onload = function(){
//获取name的值等于anniu的元素
alert(1);
var input_obj = document.getElementsByName("anniu");
//这里anniu元素是一个集合,将它的长度赋值给input——obj——len;
var input_obj_len= input_obj.length;
document.getElementById("select").onclick = function()
{

for(i=0;i<input_obj_len;i++)
{
input_obj[i].checked="checked";
}
var $arr = input_obj.val();

}
document.getElementById("reselect").onclick = function()
{
for(i=0;i<input_obj_len;i++)
{
input_obj[i].checked=false;
}
}
}
</script>

function checkBox(obj){

var input = document.getElementsByName("id[]");    var length = input.length;    if(obj.checked==true){        for(i=0;i<=length;i++){            input[i].checked = true;        }    }else{        for(i=0;i<=length;i++){            input[i].checked = false;        }    }}// 导出excel$("#excel").click(function(){    $id = document.getElementsByName(‘id[]‘);    $arr = new Array;    for($i=0;$i<$id.length;$i++){        if($id[$i].checked){            $arr += $id[$i].value+‘,‘;        }    }
时间: 2024-11-06 07:19:57

项目中全选和反选的相关文章

vue2.0在table中实现全选和反选

其实在去年小颖已经写过一篇:Vue.js实现checkbox的全选和反选 小颖今天在跟着慕课网学习vue的过程中,顺便试试如何在table中实现全选和反选,页面的css样式是直接参考慕课网的样式写的,js是小颖自己写哒,欢迎大家吐槽和点赞,嘻嘻 慕课网demo的  git 地址:ShoppingCart 页面效果: 具体怎么实现的呢? 因为上篇文章:使用localstorage来存储页面信息 中已经有写项目是怎么创建的所以小颖在这里就不重复了,其实只是在上篇文章的基础上稍微做了改动: App.v

Android中购物车的全选、反选、问题和计算价格

此Demo主要解决的是购物车中的全选,反选计算价格和选中的条目个数的问题,当选中几条时,点击反选,会把当先选中的变为不选中,把不选中的变为选中.点击全选会全部选中,再次点击时,变为全部不选中. //-----------一下为main的布局----------------------- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http

C# WinForm中的全选和反选(CheckBox)

方案一: 前置说明: 控件:DEV控件: 选框:除了“全选”框名字为“ckbAll”,其余选框名字依次为:“ckb0,ckb1,ckb2,...ckb12”,区分全选框: 事件:选框事件只用Click事件.(在调试过程中,用Changed事件,会出现类似死循环的情况) 面板:总14个选框,均在面板:StatusPanel上(这里将使用循环获取DEV控件,且是CheckEdit类型时,做单选和全选判定). 由于技术有限,未能良好运用其他控件(如CheckBoxList等),   故,使用Check

Bootstrap开源包中checkbox的全选和反选

不知为何以前js写的全选和反选功能都不能用了,经过Chrome浏览器控制台查看后,发现并不是不起作用,只是样式没有变化而已.首先先刚放上html代码,省略了别的代码,只含有checkbox: <!-- lang: html -->     <label class="checkbox">         <input class="states" type="checkbox" name="ids"

DOM操作案例之--全选与反选

全选与反选在表单类的项目中还是很常见的,电商项目中的购物车一定少不了这个功能. 下面我只就用一个简单的案例做个演示吧. <div class="wrap"> <table> <thead> <tr> <th> <input type="checkbox" id="j_cbAll"/> </th> <th>商品</th> <th>

elementUI+JS实现全选与反选

在实际项目开发过程中,遇到的需求,需要实现全选以及取消全选等功能,主要使用ElementUI + JS来实现,具体代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initia

全选与反选

我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮. <ul id="list"> <li><label><input type="checkbox" value="1"> 1.时间都去哪儿了</label></li> <li><label><input type="checkbox&qu

jQuery简单实现全选与反选

全选与反选相信在实际的开发中经常用到,下面demo一段代码; <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jq简单实现全选与反选</title> <script src="jquery-3.1.0.js"></script> </head> &l

jQuery 全选与反选时出现的bug!

今天在写项目,使用jQuery1.10.2 发现一个小小的bug, 在设置checked属性时,前两次反选的时候是正常的,后面均不正确,通过调试, 准确的说应该是只有第一次是正确的,在第二次单击时,事件快完成的时候的运行的流程有点奇怪.所以自己感觉这么 成熟的框架不应该出现这个问题,于是又将1.11.1版本下载下来,也是jQuery1的最新版本测试,同样末果,问题依 然存在,使用标准的document.getElementById, 直接设置值是没有问题的. 我本人根据测试,应该是jQuery的