DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery操作CheckBox的方法介紹(選中,取消,取值)
jQuery操作CheckBox的方法介紹(選中,取消,取值)
編輯:JQuery特效代碼     
. 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<HTML>  
 <HEAD>  
  <TITLE> New document.nbsp;</TITLE>  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    <SCRIPT LANGUAGE="javascript" src="http://www.cnjquery.com/demo/jquery.js"></script>  
  <SCRIPT LANGUAGE="javascript">  
  <!--  
   $("document.quot;).ready(function(){  

    $("#btn1").click(function(){  

    $("[name='checkbox']").attr("checked",'true');//全選  

    })  
       $("#btn2").click(function(){  

    $("[name='checkbox']").removeAttr("checked");//取消全選  

    })  
    $("#btn3").click(function(){  

    $("[name='checkbox']:even").attr("checked",'true');//選中所有奇數  

    })  
    $("#btn4").click(function(){  

    $("[name='checkbox']").each(function(){  

     
     if($(this).attr("checked"))  
   {  
    $(this).removeAttr("checked");  

   }  
   else 
   {  
    $(this).attr("checked",'true');  

   }  

    })  

    })  
     $("#btn5").click(function(){  
    var str="";  
    $("[name='checkbox'][checked]").each(function(){  
     str+=$(this).val()+""r"n";  
   //alert($(this).val());  
    })  
   alert(str);  
    })  
   })  
  //-->  
  </SCRIPT>  

 </HEAD>  

 <BODY>  
 <form name="form1" method="post" action="">  
   <input type="button" id="btn1" value="全選">  
   <input type="button" id="btn2" value="取消全選">  
   <input type="button" id="btn3" value="選中所有奇數">  
   <input type="button" id="btn4" value="反選">  
   <input type="button" id="btn5" value="獲得選中的所有值">  
   <br>  
   <input type="checkbox" name="checkbox" value="checkbox1">  
   checkbox1  
   <input type="checkbox" name="checkbox" value="checkbox2">  
   checkbox2  
   <input type="checkbox" name="checkbox" value="checkbox3">  
   checkbox3  
   <input type="checkbox" name="checkbox" value="checkbox4">  
   checkbox4  
   <input type="checkbox" name="checkbox" value="checkbox5">  
   checkbox5  
   <input type="checkbox" name="checkbox" value="checkbox6">  
   checkbox6  
   <input type="checkbox" name="checkbox" value="checkbox7">  
   checkbox7  
   <input type="checkbox" name="checkbox" value="checkbox8">  
 checkbox8  
 </form>  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved