HTML代碼
 <table class="table table-striped">
     <thead>
     <tr>
         <th><input type="checkbox" class="selBtn"/></th>
     </tr>
     </thead>
     <tbody>
　　　　　<tr><td style="width: 5%"><input type="checkbox" class="s1"/></td></tr>
    　</tbody>
 </table>
//
 
封裝之後的全選
window.onload=function(){
    //調用插件方法
    SelectPlugin(‘selBtn‘);
}
function SelectPlugin(classname){

    var objs=document.getElementsByClassName(classname);
    for (var i = 0; i < objs.length; i++) {
        //這用閉包 不用閉包會有問題
        ~function(ind){
            var obj=objs[ind];
            obj.onclick=function(){
                var sonInputsParent= obj.parentNode.parentNode.parentNode.nextElementSibling;//所有需要跟著選中的input的父節點
                var sonInputs=sonInputsParent.getElementsByClassName(‘s1‘);//如果沒有其他的復選框可以用getElementsByTagName;
                for (var j = 0; j < sonInputs.length; j++) {
                    var inputObj = sonInputs[j];
                    inputObj.checked=obj.checked;
                }
            }
        }(i);
    }
}


 

input 全選 jquery封裝方法