jquery 實作checkbox全選，反選，全不選等功能碼(奇數)_jquery

設頁有以下一組複選框和幾個相關按鈕（全選，反選，全不選等）：

複製程式碼 代碼如下:

蘋果
橘子
香蕉
葡萄

則分別實現相關功能的完整程式碼如下：

複製程式碼 程式碼如下:

$(function(){
$('#btn1').click(function(){//全選
$("[name='fruit']").attr('checked','true');
});
$('#btn2').click(function() {//全不選
$("[name='fruit']").removeAttr('checked');
});
$('#btn3').click(function( ){//反選
$("[name='fruit']").each(function(){
if($(this).attr('checked')){
$( this).removeAttr('checked');
}else{
$(this).attr('checked','true');
}
})
});
$("#btn4").click(function(){//選取所有奇數
$("[name='fruit']:even").attr('checked','true') ;
})
$("#btn5").click(function(){//取得所有選取的選項的值
var checkVal='';
$("[name= 'fruit'][checked]").each(function(){
checkVal =$(this).val() ',';
})
alert(checkVal);
} )
});

注意使用jquery 之前必須要引入jquery 包哦！