jquery核取方塊應用

2021-07-13 19:59:59 字數 1155 閱讀 2203

您做喜歡的運動是什麼呢? 足球 跑步 籃球 游泳

html頁面如下:

* 全選:

(「#checkall」).click(function(event));  

在專案中遇到過這種情況:使用以上**實現全選功能,第一次的時候可以實現全選功能,但是後面就失效了我用火狐瀏覽器除錯了一下,操作的核取方塊已經有了check屬性但是頁面並未顯示出來。然後上網查了一下是因為對於不同版本的jquery,attr()和prop()是有細小的區別的。jquery1.6之前的版本attr()在取某些值時返回的是property的值,這樣就造成了返回結果不一致。從jquery1.6開始prop()方法返回property的值而attr()方法返回atributes的值。  

因此我們最好使用:

(「#checkall」).click(function());

* 全不選:

(「#checkno」).click(function());

* 反選:(反選說的就是如果你選中了,那麼我就要給你沒選中。如果你沒選中,我就要選中。)
那麼我們肯定就要遍歷核取方塊去檢驗那個核取方塊是不是選中狀態然後再更改其狀態。

(「#checkrev」).click(function());

});如果不用按鈕來控制全選等操作,而是用核取方塊,那效果又不一樣了,如下所示:

(「#checkall」).click(function()else

});

當然我們可以簡化為:

* 還有一種需求就是說當我們全部選中之後,所有選項都處於選中狀態,而我們現在只是取消某乙個核取方塊的選中狀態,那麼需要我們的全選按鈕也應該處於不選中狀態。
思路:首先要給核取方塊組繫結乙個事件,此事件中定義乙個變數flag為true,檢查核取方塊組中是否有不處於選中狀態的時候,就讓flag設定為false,此時我們根據flag的值來判斷是否需要將核取方塊的選中狀態。

(「input[name=』items』]」).click(function()

});

console.log(flag);

$(「#checkall」).prop(「checked」,flag);

});

jquery核取方塊

input name versioncb checkbox each function else 1 判斷radio 複製 如下 var selected input name selectid checked val 若未被選中 則val null if selected null else 2 ...

jQuery應用操作之 核取方塊

1 示例1 全選 checkall click function 全不選 checkall click function 反選 checkrev click function js原生的dom方法比建立jquery物件更為有效 簡潔,簡化後 如下 checkrev click function 2 ...

jQuery操作核取方塊

jquery操作核取方塊的選中和不選中,使用attr 來設定 checked 屬性的值,true未選中,false為未選中,在整個全選 反選過程中注意處理全選核取方塊的選中狀態,以及獲取選中選項的值。function else 全選 selectall click function 全不選 unse...