一行jQuery代码搞定checkbox 全选和全不选

在网站建设中;让复选框全部选中和全部取消是比较常用的;下面就介绍如何用一句话搞定全选功能;

其实很简单;那就是使用盘点jQuery弃用的函数这篇文章中最后一段代码;

好了,我要介绍的方法讲完了;

白俊遥博客

好吧,别砸鸡蛋;我是开个玩笑;代码在下面

JavaScript部分:


function checkAll(obj){
    $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));
}

html部分:

<div id="box">
    <input type="checkbox" onclick="checkAll(this)">全选<br><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>
    <input type="checkbox"><br>    
</div>


白俊遥博客
请先登陆后发表评论
  • 最新评论
  • 总共5条评论
白俊遥博客

大海白俊遥博客

2016-11-01 15:44:59 回复

白俊遥博客

Mr_Heyong: $("#box input[type='checkbox']").prop('', $(obj).prop('checked'));是这样?

2016-10-28 11:45:19 回复

白俊遥博客

我心谁知?:如果加上反选呢

2016-07-20 02:21:30 回复

白俊遥博客

旅行中的蜗牛白俊遥博客

2016-07-15 13:54:27 回复

白俊遥博客

G-C-X:竟然是一行。。。。。。。白俊遥博客

2016-03-19 11:32:28 回复