關(guān)于input全選反選惡心的異常情況
上一篇講到：第一次點(diǎn)擊全選按鈕input顯示對(duì)勾，第二次則不顯示，需要用prop來(lái)添加checked屬性。
但是用prop會(huì)出現(xiàn)一個(gè)問(wèn)題，對(duì)勾顯示，而checked屬性不會(huì)被添加（比如：$("input[type='checkbox'][name='che']").attr("checked") 獲取結(jié)果為undefined），這樣就無(wú)法通過(guò)if語(yǔ)句判斷是否選中，從而實(shí)現(xiàn)反選功能。
我們先來(lái)理一下思路：既然“反選”功能的實(shí)現(xiàn)是通過(guò)判斷是否有checked屬性，所以當(dāng)每次執(zhí)行“全選”“反選”功能時(shí)，把checked屬性都清除掉，這樣之前重復(fù)添加的checked屬性每次都會(huì)進(jìn)行清除。示例代碼如下：
//全選
$("#quanxuan").click(function(){
$("#tb").find("input[type='checkbox'][name='che']").removeAttr("checked");
$("#tb").find("input[type='checkbox'][name='che']").prop("checked", true);
});
//反選
$("#fanxuan").click(function(){
$("#tb").find("input[type='checkbox'][name='che']").each(function(){
if($(this).is(":checked")){
$(this).removeAttr("checked");
$(this).prop("checked",false);
}else{
$(this).removeAttr("checked");
$(this).prop("checked","checked");
}
});
});
目前只能想到這種冗余的辦法了，日后遇到新的解決方法再補(bǔ)充。
以上所述是小編給大家介紹的關(guān)于input全選反選惡心的異常情況，非常不錯(cuò)，具有參考借鑒價(jià)值，希望對(duì)大家有所幫助！
相關(guān)文章
這篇文章主要介紹了jQuery獲取URL請(qǐng)求參數(shù)的方法,涉及jquery針對(duì)URL的獲取與字符串的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
html中的input標(biāo)簽的checked屬性jquery判斷代碼
input 標(biāo)簽具有checked屬性，而當(dāng)input標(biāo)簽的type屬性設(shè)為button時(shí)，如果給input標(biāo)簽的checked屬性賦值時(shí)，在vs中會(huì)報(bào)錯(cuò)，提示 特性checked不是元素input的有效特性2012-09-09
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)可編輯的表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
用jQuery與JSONP輕松解決跨域訪問(wèn)的問(wèn)題
本篇文章主要是對(duì)使用jQuery與JSONP輕松解決跨域訪問(wèn)的問(wèn)題進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
jquery設(shè)置元素的readonly和disabled的寫(xiě)法
Jquery的api中提供了對(duì)元素應(yīng)用disabled和readonly屬性的方法，在這里記錄下，感興趣的朋友可以練練手了2013-09-09
為什么現(xiàn)在彈出來(lái)每個(gè)button（在ul li中的）的索引值都是零，為什么不是從0-9排列的等等一系列問(wèn)題將在本文為大家詳細(xì)介紹下2013-10-10
有時(shí)候我們?cè)谇岸碎_(kāi)發(fā)工作中為了獲取圖片的信息，需要在圖片加載完成后才可以正確的獲取到圖片的大小尺寸，并且執(zhí)行相應(yīng)的回調(diào)函數(shù)使圖片產(chǎn)生某種顯示效果。本文主要整理了幾種常見(jiàn)的jquery判斷圖片加載完成時(shí)的方法2015-08-08
jQuery實(shí)現(xiàn)的自定義彈出層效果實(shí)例詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)的自定義彈出層效果,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery自定義彈出層的布局、事件響應(yīng)與頁(yè)面元素動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-09-09
jQuery實(shí)現(xiàn)的簡(jiǎn)潔下拉菜單導(dǎo)航效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)潔下拉菜單導(dǎo)航效果代碼,通過(guò)簡(jiǎn)單的自定義函數(shù)實(shí)現(xiàn)頁(yè)面樣式切換功能,非常簡(jiǎn)潔實(shí)用,需要的朋友可以參考下2015-08-08
(模仿京東用戶注冊(cè))用JQuery實(shí)現(xiàn)簡(jiǎn)單表單驗(yàn)證,初學(xué)者必看
下面小編就為初學(xué)者們分享一篇(模仿京東用戶注冊(cè))用JQuery實(shí)現(xiàn)簡(jiǎn)單表單驗(yàn)證，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01