jquery中checkbox的全选与反选

<script type="text/javascript">
‘use strict‘;

$(function () {
  $("#c1").click(function () {
     $(‘input[type="checkbox"]‘).prop("checked", this.checked)
  });

});

</script>

<body>
<div id="div1">
<input type="checkbox" id="c1">菜单功能名称<br>
<input type="checkbox" id="c2">客户管理<br>
<input type="checkbox" id="c3">邮件管理<br>
<input type="checkbox" id="c4">OA管理<br>
<input type="checkbox" id="c5">双呼模块<br>
<input type="checkbox" id="c6">事项管理<br>
<input type="checkbox" id="c7">系统管理<br />

</div>
</div>
</body>

原文地址:https://www.cnblogs.com/zjbd/p/11394155.html

时间: 2024-11-10 04:31:44

jquery中checkbox的全选与反选的相关文章

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

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

Exameple014实现html中checkbox的全选,反选和全不选(1)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实例014</title> </head> <body> <form> <input type="checkbox" name="username[]" value="

js中checkbox的全选和反选的实现

<head> <meta charset="utf-8"/> <script type="text/javascript"> window.onload=function(){ document.getElementById("unall").onclick=function(){ var hobbys= document.getElementsByName("hobby"); for(va

Example015实现html中checkbox的全选和反选(2)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实例015</title> </head> <body> <form> <label for="one"><input onclick="qx(this)" id=

jQuery实现checkbox的全选和反选

1 $(function () { 2 3 if ($(".chk_all")) { 4 5 $(".chk_all").click(function () { 6 $("input[checkname='choice']").prop("checked", $(this).prop("checked")); 7 }); 8 } 9 }); 如何使用: 1 <table > 2 <tr&g

checkbox的全选、反选、多选等操作(js)

以下控件的name属性为DEPT_ID (案例中默认选中的checkbox,全选或者反选,对该控件无影响)//1.全选 function selectAllRight(){ $("input[name='DEPT_ID'").each(function() { $(this).prop("checked", true); }); } //2.反选 function reverseSelectRight(){     $("input[name='DEPT_

通过VBA实现checkbox的全选和反选

checkbox的全选和反选可以通过VBA来控制,这种设计常见于一些交互式报表,代码如下: 1.分成两个IF判断 Private Sub CheckBox1_Click()  ‘checkbox为总控,通过点击它来实现全选或反选 Dim b3 As Integer Dim i As Integer Dim b1 As Range If Sheets(1).CheckBox1.Value Then  ’第一个IF判断为全选的条件时     b3 = Sheets(1).Range("h50&quo

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

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

【Jquery】checkbox的全选和全不选

刚学Jquery,在做checkbox的全选全不选时遇到了一个问题,使用attr()方法的话, 只能成功全选和取消全选一次,第二次就不行了,如下面 $("#chkAll").click(function(){ if(this.checked==true){ $("#tab input[type='checkbox']").attr("checked",true); }else{ $("#tab input[type='checkbox'