JS实现全选,用于界面批量操作向后台传值时使用

function seltAll(){
    var chckBoxSign = document.getElementById("ckb");       //ckb 全选/反选的选择框id
    var chckBox = document.getElementsByName("chckBox");    //所有的选择框其那么都是chckBox
    var num = chckBox.length;
    if(chckBoxSign.checked){
        for(var index =0 ; index<num ; index++){
            chckBox[index].checked = true;
            }
    }else{
        for(var index =0 ; index<num ; index++){
            chckBox[index].checked = false;
            }
        }
    }  

function deleSeltedRecords(){
    var chckBox = document.getElementsByName("chckBox");
    var num = chckBox.length;
    var ids = "";
    for(var index =0 ; index<num ; index++){
        if(chckBox[index].checked){
            ids += chckBox[index].value + ",";
        }
    }
    if(ids!=""){
        if(window.confirm("确定删除所选记录?")){
            $.ajax( {
                type : "post",
                url : ‘../servlet/UserController?oper=33&ids=‘ + ids, //要自行删除的action
                dataType : ‘json‘,
                success : function(data) {
                    alert("删除成功");
                    window.location.href = "" ;
                },
                error : function(data) {
                    alert("系统错误,删除失败");
                }
            });
        }
    }else{
        alert("请选择要删除的记录");
        }
    } 
时间: 2024-11-25 06:51:18

JS实现全选,用于界面批量操作向后台传值时使用的相关文章

用js做出全选和反选效果

效果图如下: <script language="javascript" type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" language="javascript"> $(function(){  $("#selecAll").clic

js实现全选功能

<!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> <meta http-equiv="Content-

第十六篇 JS实现全选操作

JS实现全选 嗨,同学们好,老师这里是专门教同学解决一些针对性的问题,所以说综合起来,就要靠同学自己了. 这节课我们学一个很实用的东西,全选操作!比如淘宝这种商城对吧,我的购物车,我要全选购买,或者删除,一个一个的来肯定麻烦,所以就有了全选和批量处理,那就是复选框! 这里我们用一个table表格来控制吧!看代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&

JS checkbox 全选 全不选

/* JS checkbox 全选 全不选 Html中checkbox: <input type="checkbox" name="cbx" value="<%= Default by yourself %>"/> 以下方法各有优劣,使用时根据情况而定. */ //全选(方法一:each 循环) function checkAll() { $.each($("input[name=cbx]"), fun

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

php处理表单中的复选框问题以及js实现全选

做的一个项目中遇到了全选和取消全选的问题,这是一个很普遍的功能,,虽然我们经常用到,但是真正做起来却发现行不通,在网上找了些,大部分都是ie,但是谷歌内核浏览器不能正常实现,所以经过小小的调整,今天就把调试好的代码发上来供大家参考使用. 首先要记得引用jquery框架,这样写起代码来相对容易点,尤其突出在选择器上. 1 <html> 2 <head> 3 <script src="./libs/js/jquery.min.js"></scrip

一个js编写全选、弹出对话框、ajax-json的案例

js功能有:全选.弹出对话框.使用json传输ajax数据:不想在写多余的文字了,直接上代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib prefix="c" uri="http://java.sun.com/jstl/core"%>

js实现全选,反选,全不选

思路:1.获取元素.2.用for循环历遍数组,把checkbox的checked设置为true即实现全选,把checkbox的checked设置为false即实现不选.3.通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态. js代码 <script> window.onload=function(){ var CheckAll=document.getElementB

【JS】全选、不选、反选复选框(模板)

今天和大家分享一个全选.不选.反选复选框的例子,这个例子可以当做是一个模板使用,只要把一些数据适当改变以下就OK啦. 这是效果图: 代码如下: HTML部分: <input type="button" value="全选"/ id="btn1"> <input type="button" value="不选"/ id="btn2"> <input type=