jQuery實現(xiàn)checkbox全選全不選的問題,網(wǎng)站一搜很多解決方法。但是在beyondAdmin中,jQuery實現(xiàn)checkbox全選全不選就顯得很難。為什么呢?原因如下:
為安化等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及安化網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、安化網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
beyondAdmin本身就是一個大框架,本身就有自己的樣式,那么,checkbox本身就攜帶樣式,除非你自己重新定義checkbox樣式,否則,沒有辦法。
下面是html樣式和js代碼,創(chuàng)新互聯(lián)在制作高端網(wǎng)站定制時候做出備注以及缺陷。
html代碼:
在這個html代碼中,name="itm[]"表示了數(shù)組的概念。value="{$order.id}"就是提交后的每個值。
js代碼:
$("#checkall").click(function(){
if($("#checkall").attr("checked")){
$(".colored-blue").removeAttr("checked");
}else{
$(".colored-blue").attr("checked","checked");
}
});
在這個js代碼中,$("#checkall").click的意思是當(dāng)選擇全選的按鈕時候,會觸發(fā)事件。if($("#checkall").attr("checked"))他是判斷當(dāng)全選打鉤還是沒打勾的時候,如果打勾說明全選了,那么下面的復(fù)選框都會選中,如果沒打勾,就去除這個checked樣式。
缺陷:
經(jīng)過創(chuàng)新互聯(lián)測試,代碼首次執(zhí)行和第二次執(zhí)行是沒問題的,但是到了第三次執(zhí)行的時候,無論是全選打勾還是不打勾,下面的復(fù)選框都不會跟著變化。但是如果刷新整個頁面,這個全選反選的功能又可以執(zhí)行。