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