JS 全选反选功能

全选按钮:<input type=\"checkbox\" id=\"cheSelectAll\" />选择</li>");  

选择项:<input name=\"chkItem\" type=\"checkbox\" value=\"" + this.ID + "\" />

//全选反选
                $("#cheSelectAll").click(function() {
                    $("input[name='chkItem']").prop("checked", $(this).is(":checked"));
                });

                $("#cheSelectAll").prop("checked", false);

                //绑定选中事件
                $("input[name='chkItem']").bind("click", function() {
                    if ($(this).is(":checked") && $("input[name='chkItem']:checked").length === $("input[name='chkItem']").length) {
                        $("#cheSelectAll").prop("checked", true);
                    } else {
                        $("#cheSelectAll").prop("checked", false);
                    }
                });

时间: 2024-08-31 17:53:48

JS 全选反选功能的相关文章

JQuery实现列表中复选框全选反选功能封装

JQuery实现列表中复选框全选反选功能封装 我们在做列表的时候经常会遇到全选,反选进行批量处理问题,例如: 我当时就是简单的实现了,然后想封装到公共的js中,封装的太烂,不好意思贴出来了(就是把实现代码之间放到公共js中,然后每个页面都用固定的id,class,现在想想我都不好意思叫他封装了),然后想到之前老大有写过这个功能去看下他怎么写的,真是没有对比就没有伤害啊,这才叫封装: 1 $(':checkbox[data-check-target]').click(function () { 2

jquery 书写全选反选功能

书写一个后台管理中用到的全选反选功能.代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全选反选插件</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/

jquery实现全选/反选功能

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>多选框全选/反选</title> <script src="http://res01.xesimg.com/jquery/jquery.min.js">&l

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 = "#" +

jQuery实现全选反选功能

废话不说,直接上代码! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <title>Insert titl

全选反选功能函数

//全选功能的函数 function selectAll(obj, chk) { if (chk == null) chk = 'chk_list'; var elems = obj.form.getElementsByTagName("INPUT"); if (obj.checked == true) { for (var i = 0; i < elems.length; i++) { if (elems[i].name == chk) elems[i].checked = t

关于js 全选 反选

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

jquery实现全选反选功能---兰

<div id="checkAndInverCheck"> <p style="text-align:center; padding-top:15px"> 选择喜欢的兰花品种:</br> <input type="checkbox" value="蕙兰">蕙兰 <input type="checkbox" value="建兰">

js 全选 反选

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