關於前端的復選框


<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <script type="text/javascript">
  function check(){
   document.getElementById("ck1").checked=true;
   document.getElementById("ck2").checked=true;
   document.getElementById("ck3").checked=true;
   document.getElementById("ck4").checked=true;
  }
  function uncheck(){
   document.getElementById("ck1").checked=false;
   document.getElementById("ck2").checked=false;
   document.getElementById("ck3").checked=false;
   document.getElementById("ck4").checked=false;
  }
  
  function panduan(){
   if(document.getElementById("ck").checked){
    check();
   }else{
    uncheck();
   }
  }
 </script>
 <body>
  <input type="checkbox" id="ck1"/>籃球<br />
  <input type="checkbox" id="ck2"/>足球<br />
  <input type="checkbox" id="ck3"/>排球<br />
  <input type="checkbox" id="ck4"/>乒乓球<br />
  <input type="checkbox" id="ck" onclick="panduan()"/>全選<br />
 </body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM