一行jQuery代碼搞定checkbox 全選和全不選

在網站建設中；讓複選框所有選中和所有取消是比較經常使用的；下面就介紹如何用一句話搞定全選功能；php

其實很簡單；那就是使用盤點jQuery棄用的函數這篇文章中最後一段代碼；html

好了，我要介紹的方法講完了；函數

好吧，別砸雞蛋；我是開個玩笑；代碼在下面網站

JavaScript部分：this

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

html部分：code

<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 htm