jquery中checkbox的全选与反选

Posted 澈1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

以上是关于jquery中checkbox的全选与反选的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 实现复选框的全选与反选

纯javascript实现选择框的全选与反选

el-table多级复选框全选与反选

Android 实现自己定义多级树控件和全选与反选的效果

jQuery全选与反选,且解决点击只执行一次的问题

jQuery全选与反选,且解决点击只执行一次的问题