用jquery怎么實現(xiàn)全選與反選

ul?id="list"???

在尖草坪等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作定制網(wǎng)站開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站制作,尖草坪網(wǎng)站建設(shè)費用合理。

lilabelinput?type="checkbox"?value="1"?1.時間都去哪兒了/label/li?

lilabelinput?type="checkbox"?value="2"?2.海闊天空/label/li?

lilabelinput?type="checkbox"?value="3"?3.真的愛你/label/li?

lilabelinput?type="checkbox"?value="4"?4.不再猶豫/label/li?

lilabelinput?type="checkbox"?value="5"?5.光輝歲月/label/li?

lilabelinput?type="checkbox"?value="6"?6.喜歡你/label/li?

/ul?

input?type="checkbox"?id="all"?

input?type="button"?value="全選"?class="btn"?id="selectAll"???

input?type="button"?value="全不選"?class="btn"?id="unSelect"???

input?type="button"?value="反選"?class="btn"?id="reverse"???

input?type="button"?value="獲得選中的所有值"?class="btn"?id="getValue"?

$(function?()?{?

//全選或全不選?

$("#all").click(function(){????

if(this.checked){????

$("#list?:checkbox").attr("checked",?true);???

}else{????

$("#list?:checkbox").attr("checked",?false);?

}????

});??

//全選???

$("#selectAll").click(function?()?{?

$("#list?:checkbox,#all").attr("checked",?true);???

});???

//全不選?

$("#unSelect").click(function?()?{???

$("#list?:checkbox,#all").attr("checked",?false);???

});???

//反選??

$("#reverse").click(function?()?{??

$("#list?:checkbox").each(function?()?{???

$(this).attr("checked",?!$(this).attr("checked"));???

});?

allchk();?

});?

//設(shè)置全選復選框?

$("#list?:checkbox").click(function(){?

allchk();?

});?

//獲取選中選項的值?

$("#getValue").click(function(){?

var?valArr?=?new?Array;?

$("#list?:checkbox[checked]").each(function(i){?

valArr[i]?=?$(this).val();?

});?

var?vals?=?valArr.join(',');?

alert(vals);?

});?

});??

function?allchk(){?

var?chknum?=?$("#list?:checkbox").size();//選項總個數(shù)?

var?chk?=?0;?

$("#list?:checkbox").each(function?()?{???

if($(this).attr("checked")==true){?

chk++;?

}?

});?

if(chknum==chk){//全選?

$("#all").attr("checked",true);?

}else{//不全選?

$("#all").attr("checked",false);?

}?

}

jquery實現(xiàn)全選和反選遇到兼容的問題請教

jQuery.fn.extend({

select:function(params){

$(this).click(function(){

$("[name='"+params+"']").attr("checked",$(this).attr("checked"));

});

}

});

jquery 全選反選

//?改用prop

$("類名").prop("checked","checked");//全選

$("類名").removeAttr("checked");//取消全選

jQuery題目：要求有反選，全選，取消選擇功能，題目如圖一，效果如圖二，求幫忙，只要jQuery

css:

.checked{

background-color:#fd3;

}

------------------------------------

javascript:

$(function(){

var?trs?=?$("table?tr");

$(":button[value='全選']").click(function(){

trs.addClass("checked");

});

$(":button[value='取消選擇']").click(function(){

trs.removeClass("checked");

});

$(":button[value='反選']").click(function(){

trs.toggleClass("checked");

});

})