jQuery技术

全选按钮、单选按钮、操作按钮联动操作!

字号+ 作者:jamie 来源: 2014-11-16 22:49 我要评论( )

全选按钮、单选按钮、操作按钮联动操作! ,

btnId:操作按钮

allChkId:全选按钮

singleChkId:单选按钮

function initMulSel(btnId,allChkId,singleChkId)
{
  input=function(){
   var objstr="input[name="+arguments[0]+"]";
   if(arguments[1]!=undefined)objstr+=arguments[1];
   return $(objstr);
  };
  input(allChkId).click(function(){
   input(singleChkId).attr("checked",input(allChkId).attr("checked"));
   doAction();
  });
  input(singleChkId).click(function(){
   doAction();
  });
  doAction=function(){
    var checkedCount=input(singleChkId,"[checked]").size();
    var count=input(singleChkId).size();
    var boolean_button=(count==0||checkedCount==0);
    var boolean_all=(checkedCount==count&&count!=0);
     input(btnId).attr("disabled",boolean_button);
     input(allChkId).attr("checked",boolean_all);
  }
  doAction();
  
}

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
=