<HTML>

<HEAD>
<script type="text/javascript" src="jquery.js"></script>

<SCRIPT type="text/javascript">$(document).ready(function() {
 $("#checkedAll").click(function(){
  if($(this).attr("checked") == true){ //check all
   $("input[@name='checkbox_name[]']").each(function(){
    $(this).attr("checked",true);
   });
  }else{
   $("input[@name='checkbox_name[]']").each(function(){
    $(this).attr("checked",false);
   });
  }
 });
});
</SCRIPT>
</HEAD>
<BODY>
 <div class="components-list">
 <input type="checkbox" name="checkbox_name[]" />1<br />
 <input type="checkbox" name="checkbox_name[]" />2<br />
 <input type="checkbox" name="checkbox_name[]" />3<br />
 <input type="checkbox" name="checkbox_name[]" />4<br />
 <input type="checkbox" name="checkedAll" />全选/取消全选
 </div>
 
 <select >
  <option value="a">A</option>
  <option value="b">B</option>
  <option value="c" selected>C</option>
</select>
</BODY></HTML>

 

相关文章: