首页 > Web开发 > 详细

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

时间:2015-04-29 02:04:50      阅读:303      评论:0      收藏:0      [点我收藏+]

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

其实很简单;那就是使用盘点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>


本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客baijunyao.com       


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

原文:http://my.oschina.net/u/2296413/blog/407480

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!