本篇教程介绍了jQuery教程 input全选jQuery封装方法，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

<

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);
    }
}    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道！