bootgrid.js 全选

bootgrid修改成可以全勾选和全取消勾选操作

1. 引言由于项目需要,需要在不同页面上选择全勾选能全部勾选所有的记录,反勾选也如此.这个需求可以解决了一个样例:如果有150条记录,当前页就10条,你又在每一个页面勾选部分的记录,然后,如果你要全部全选,需要在每一个页面上勾上全选checkbox,全部反选也有这个问题. 2.修改的代码基于jQuery Bootgrid v1.3.1这个版本. bootgrid.js修改的部分如下: //原有的select和deselect方法 /** * Selects rows by ids. Sele

JS全选功能代码优化

原文:JS全选功能代码优化 JS全选功能代码优化最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想用另一种模式来编写JS代码,所以针对之前的简单的JS全选功能来做个简单的demo,使用目前现在的编码方式来重新编码,当然以后会一直用这种方式来编写自己的代码.下面是如下代码: JS所有代码: /** * JS全选 * @class Checkall * @param {Object} cfg * @param {Element|selector} [cfg.

简单JS全选、反选代码

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Cont

JS全选

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <head> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <scri

js全选与反选

HTML结构: <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <body><input type="checkbox" id="selectall"/>全选<div id="div"> <inpu

js全选checkbox框

html: <input type="checkbox" id="checkbox1" value="1" onclick="check1()"/> <input type="checkbox" name="checkbox1" value="${article.id}"/> <input type="checkbox&quo

Js全选添加和单独删除

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> <sty

JS 全选

第一种情况 1. 首先得有全选 checkall <input type="checkbox" class="checkAll" value="on" id="checkall"> 2.子选择框也要有并且得name命名 <input class="inputList" value="@item.id" style="width: 13px; height

js全选与取消全选

实现全选与取消全选的效果要求1(将军影响士兵):点击全选按钮,下面的复选框全部选中,取消全选按钮,下面的复选框全部取消思路:复选框是否被选中,取决于check属性,将全选按钮的check属性值赋值给下面所有复选框的check值要求2(士兵影响将军): 当下面的某个复选框没有被选中时,全选按钮自动变为没被选中状态当下面的所有复选框被选中时,全选按钮自动被选中首先,写出如下的表格: 布局部分: <b

JS——全选与反选

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全选反选</title> </head> <body> <input type="button" value="全选" id="all"> <input t

js——全选框 checkbox

一直会碰见input 全选框的问题,先整理一种情况: 1. <input id="selectAll" type="checkbox" />全选 2. <input type='checkbox' id='id1' name='cb' value='1' />value1 <input type='checkbox' id='id2' name='cb' value='2' />value2 <input type='che

Js全选，插入实现

//全选 function CheckAll() { ids.splice(0, 1000000); var flag = $("#All_Check").attr("checked"); $(".orderCheck").each(function () { if (typeof (flag) == 'undefined') flag = false; //$(":input[type=checkbox]").attr(&q

js 全选全不选

checkAll: function () { //全选 if ($("#chk_SelectAll").is(":checked")) { $("input[type='checkbox']").prop("checked", true); } else { $("input[type='checkbox']").prop(

jquery、js全选反选checkbox

操作checkbox,全选反选 //全选 function checkAll() { $('input[name="TheID"]').attr("checked", "checked"); } //反选 function uncheckAll() { $('input[name="TheID"]').each(function() { this.checked = !this.checked; }) } //获取选中的项 f

js 全选反选

1.全选 function selectAll(form){ for (var i = 0; i < form.elements.length; i++) { if (form.elements[i].type=="checkbox") { try{ $(form.elements[i]).check("option", "checked", true); }catch(e){ console.log(e); } } } } 2.反选 fu

JS全选与不选、反选

思路: 1.获取元素. 2.用for循环历遍数组,把checkbox的checked设置为true即实现全选,把checkbox的checked设置为false即实现不选. 3.通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态. <!DOCTYPE html> <html> <head><meta charset="UT

关于js 全选反选

prop 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. attr 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. $("#selectAll").click(function () { //全选 if ($(this).is(':checked')) { $(".reseller_checkbox:checkbox").prop("checked", true);

JS全选反选功能

总选框:<input type="checkbox" class="all" name="all"> 子选框: <input class='sel' type='checkbox' name='test' value=""> /** * 全选反选 */ $(".all").bind("click",function(){ $(".sel").

JS 全选、全不选、反选

function checkReturn(obj) { var objIds = obj.value; //当没有选中某个子复选框时,checkboxall取消选中 if (!$("#subcheck").checked) { $("#checkboxall").attr("checked", false); } // 获取subcheck的个数 var chsub = $("input[type='checkbox'][id='sub

js全选反选

// 全选反选 allChoose: function (o) { var obj = $.extend(true, { id: "#id", name: "name", allSelection: true, invertSelection: true }, o); var $id; if (obj.id.substring(1) === "#") { $id = obj.id; } else { $id = "#" +

js正则、js全选、反选、全不选、ajax批删

<button onclick="fun1()">全选</button><button onclick="fun2()">全不选</button><button onclick="fun3()">反选</button><button onclick="fun4()">批量删除</button><input type="

bootgrid.js 全选

热门专题