欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery操作checkbox示例分享

 更新時(shí)間：2014年07月21日 10:09:23   投稿：hebedich  
這篇文章主要介紹了jquery操作checkbox,需要的朋友可以參考下

checkbox操作

1. 全選、全不選

2.打印所有的選中項(xiàng)目

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title> </title>
 <script type="text/javascript" src="jquery-1.3.2.js"></script>
 <script>
 // 全選、全不選
 function docChkBoxChange(){
  var isChecked = jQuery('#docChkBoxTop').attr('checked');
  // 設(shè)置以下所有的 checkBox 列表
  jQuery("input[name=docChkBox]").each(function(){
  this.checked = isChecked;
  });
 }//end function
 // 打印所有的選中項(xiàng)目
 function printChoose(){
  var isChecked = jQuery('#docChkBoxTop').attr('checked');
  // 設(shè)置以下所有的 checkBox 列表
  jQuery("input[name=docChkBox]").each(function(){
  if(this.checked){
  alert(this.value)
  }
  });
 }//end function
 </script>
 </head>

 <body>
 <table>
 <tr>
 <td>
  <input id='docChkBoxTop' type="checkbox" onClick='docChkBoxChange()'>全選、全不選
 </td>
 </tr>
 <tr>
 <td>
  <input name='docChkBox' type="checkbox" value='apple'>蘋(píng)果
 </td>
 </tr>
 <tr>
 <td>
  <input name='docChkBox' type="checkbox" value='banana'>香蕉
 </td>
 </tr>
 
 <tr>
 <td>
  <input type="button" value='打印所有選中項(xiàng)' onClick='printChoose()'>
 </td>
 </tr>
 </table>
 </body>
</html>

相關(guān)文章

最新評(píng)論