 
<form> 
你愛好的運(yùn)動？<br/> 
<input type="checkbox" id="CheckedAll" />全選/全不選<br/> 
<input type="checkbox" name="items" value="足球"/>足球 
<input type="checkbox" name="items" value="籃球"/>籃球 
<input type="checkbox" name="items" value="羽毛球"/>羽毛球 
<input type="checkbox" name="items" value="乒乓球"/>乓球球 
<input type="button" id="send" value="提 交"/> 
$('#CheckedAll').click(function(){ 
$('[name=items]:checkbox').attr("checked", this.checked); 
}) 

當(dāng)單擊id為"CheckedAll"的復(fù)選框后，復(fù)選框組將被選中，當(dāng)在復(fù)選框組中取消某一個(gè)選項(xiàng)的選中狀態(tài)時(shí)，id為"CheckedAll"的復(fù)選框并沒有被取消選中狀態(tài)。
為解決這個(gè)問題：

復(fù)制代碼代碼如下:

 
$('[name=items]:checkbox').click( 
function(){ 
var flag = true; 
$('[name=items]:checkbox').each(function(){ 
if(!this.checked) 
flag = false; 
}); 
$('#CheckedAll').attr('checked', flag); 
}) 
//或者可以用復(fù)選框的總數(shù)與選中復(fù)選框數(shù)量相等 
$('[name=items]:checkbox').click( 
function(){ 
var $tmp = $('[name=items]:checkbox'); 
//使用filter方法篩選出復(fù)選框，并直接給CheckedAll賦值 
$('#CheckedAll').attr('checked', $tmp.length == $tmp.filter(':checked').length); 
}) 

下拉框的應(yīng)用

復(fù)制代碼代碼如下:

 
<div class="content"> 
<select multiple id="select1" style="width:100px;height:100px;"> 
<option value="1">選項(xiàng)1</option> 
<option value="2">選項(xiàng)2</option> 
<option value="3">選項(xiàng)3</option> 
<option value="4">選項(xiàng)4</option> 
<option value="5">選項(xiàng)5</option> 
<option value="6">選項(xiàng)6</option> 
<option value="7">選項(xiàng)7</option> 
</select> 
<div> 
<span id="add">選中添加到右邊</span> 
<span id="add_all">全部添加到右邊</span> 
</div> 
</div> 
<div class="content"> 
<select multiple id="select2" style="width:100px;height:100px;"> 
</select> 
<div> 
<span id="add">選中添加到左邊</span> 
<span id="add_all">全部添加到左邊</span> 
</div> 
<div> 
//將選中的選項(xiàng)添加給對方 
$('#add').click(function(){ 
var $options = $('#select1 option:selected');//獲取選中的選項(xiàng) 
$options.appendTo('#select2');//追加給對方 
}); 
//將全部的選項(xiàng)添加給對方 
$('#add').click(function(){ 
var $options = $('#select1 option');//獲取選中的選項(xiàng) 
$options.appendTo('#select2');//追加給對方 
}); 
//雙擊某個(gè)選項(xiàng)添加給對方 
$('#select1').dblclick(function(){ 
var $options = $('option:selected',this);//獲取選中的選項(xiàng) 
$options.appendTo('#select2');//追加給對方 
}) 