jquery全选,jquery全不选,jquery反选

【 tulaoshi.com - Web开发 】

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
head
    title全选，不全选，反选/title
    script src="js/jquery.js" type="text/javascript"/script
    script language="javascript" type="text/javascript"
        $(function () {
            $("#selectAll").click(function () {//全选
                $("#playList :checkbox").attr("checked", true);
            });

            $("#unSelect").click(function () {//全不选
                $("#playList :checkbox").attr("checked", false);
            });

            $("#reverse").click(function () {//反选
                $("#playList :checkbox").each(function () {
                    $(this).attr("checked", !$(this).attr("checked"));
                });
            });
        });
    /script
/head
body
div id="playList"

          table

            trtdinput type="checkbox" value="市场网1" /市场网1/td/tr

            trtdinput type="checkbox" value="市场网2" /市场网2/td/tr

            trtdinput type="checkbox" value="市场网3" /市场网3/td/tr    

            trtdinput type="checkbox" value="市场网4" /市场网4/td/tr

         /table     
    /div
    input type="button" value="全选" id="selectAll" /
    input type="button" value="全不选" id="unSelect" /
    input type="button" value="反选" id="reverse" /
/body
/html

方法二：

 a href="javascript:;" id="all"全部选择/abr
 a href="javascript:;" id="delAll"取消选择/abr
 a href="javascript:;" id="antiAll"反向选择/a      
 pinput type="checkbox" name="checkbox1"A
 input type="checkbox" name="checkbox1" B

 input type="checkbox" name="checkbox1"C/p
 pinput type="checkbox" name="checkbox1"D
 input type="checkbox" name="checkbox1"E
 input type="checkbox" name="checkbox1"F/p

Jquery部分 

//全部选择
 $("#all").click(function(){  
  $("input[name='checkbox1']").each(function(){
   $(this).attr("checked",true);
  });  
 });

普通javascirpt部分：

function checkAll(){
 for(i=0;inewTask.length;i++){
  e=newTask.elements[i];
  if(e.type=='checkbox'){
   if(e.checked=false){
    e.checked=true;
   }else{
    e.checked=true;
   }
  }
 } 
}

Jquery部分：

//取消选择
 $("#delAll").click(function(){  
  $("input[name='checkbox1']").each(function(){
   $(this).attr("checked",false);
  });  
 });

普通javascript部分：

function delAll(){
 for(i=0;inewTask.length;i++){
  e=newTask.elements[i];
  if(e.type=='checkbox'){
   if(e.checked=true){
    e.checked=false;
   }
   else{
    e.checked=false;
   }
  }
 }
}

Jquery部分： 

//反向选择
 $("#antiAll").click(function(){
  $("input[name='checkbox1']").each(function(){
   $(this).attr("checked",!this.checked);              
     });

普通javascript部分：

function antiAll(){
 for(i=0;inewTask.length;i++){
  e=newTask.elements[i];
  if(e.type=='checkbox'){
   e.checked=!e.checked;
  }
 }
}