国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

jQuery獲取和設置checkbox的checked屬性小結

scola666 / 1517人閱讀

摘要：最近在項目中使用到設置，使用場景是頁面上有三類單選框，一個是全選所有頁數據一個是選擇當前頁，一個是選擇一條，也算常用的場景。的屬性在頁面首次加載時就確定。最后，總結下獲取和設置屬性的方法。

最近在項目中使用到jQuery設置checkbox，使用場景是頁面上有三類單選框，一個是全選所有頁數據(id="cb1"),一個是選擇當前頁(id="cb2")，一個是選擇一條(name="cb3")，也算常用的場景。

一開始全選框的點擊事件這樣寫：

$("#cb1",this).click(function(){
    var allChecked = this.checked;
    $("#cb2").attr("checked",allChecked);    //當前頁
    $("input[name="cb3"]").each(    
    function(){
        this.checked = allChecked;
    })
});

結果是點擊cb1以后,cb3的每條和cb2都能選中，cb1取消后其他也都能取消，但經過上面一個回合以后，cb3正常，cb2卻再也選不中，沒有反應，當時為此抓狂了很久。一開始以為是jQuery的版本問題，所以查看了引入的版本，發現并不是原因。

原來在jquery里，有兩種操作元素屬性的方法，一種是attr()，另一種是prop()。

attr()的屬性在頁面首次加載時就確定。當頁面初始狀態checkbox沒有選中，$("#cb1").attr("checked")為undefined，點擊選中后，還是undefined，不管選中與否$("#cb1").attr("checked")始終都是undefined；當頁面初試狀態checkbox選中，$("#cb1").attr("checked")為checked，之后取消選中還是checked。

prop()方法隨checked屬性改變而改變，選中時為true，為選中時為false。

最后，總結下獲取和設置checked屬性的方法。

得到選中屬性

$("#id").prop("checked")

$("#id").get(0).checked)

document.getElementById("#id").checked

$("#id").is(":checked")

設置選中

$("#id").prop("checked",true)

$("#id").get(0).checked = true

document.getElementById("#id").checked = true

不足之處歡迎大家補充指正。

參考：
http://blog.csdn.net/hjb27224...
http://www.jb51.net/article/5...

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50692.html

相關文章

  • jQuery實現全選、反選和不選功能

    摘要：當勾選全選按鈕旁邊的復選框時，列表中的選項全部選中，反之取消勾選則列表中的選項全部為未選中狀態。全選或全不選全選全不選反選設置全選復選框獲取選中選項的值選項總個數全選不全選HTML 我們的頁面上有一個歌曲列表，列出多行歌曲名稱，并匹配復選框供用戶選擇，并且在列表下方有一排操作按鈕。 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 1.時間都去哪兒了 ...

    番茄西紅柿 評論0 收藏0

  • DOM元素的屬性（property）和特性（attribute）

    摘要：屬性和特性我們知道的實現就是把一個文檔映射為一棵樹，而樹上的每個節點其實就是一個對象。 從jQuery的prop()和attr()方法說開去 jQuery中有兩個獲取DOM元素屬性的方法：prop()和attr()，看似可以互相替換，但若搞不清這兩個方法獲取的到底是什么屬性，有時就會出現令人困惑的結果。官方文檔中，用了下面的例子來解釋這兩者的不同： 操作 結果 elem.c...

    psychola 評論0 收藏0

  • DOM元素的屬性（property）和特性（attribute）

    摘要：屬性和特性我們知道的實現就是把一個文檔映射為一棵樹，而樹上的每個節點其實就是一個對象。 從jQuery的prop()和attr()方法說開去 jQuery中有兩個獲取DOM元素屬性的方法：prop()和attr()，看似可以互相替換，但若搞不清這兩個方法獲取的到底是什么屬性，有時就會出現令人困惑的結果。官方文檔中，用了下面的例子來解釋這兩者的不同： 操作 結果 elem.c...

    tianyu 評論0 收藏0

  • 發現一個jQuery v1.11.1下操作checkbox狀態的bug

    摘要：在調試使用操作的選中狀態切換的時候，發現了個復選框在被選中再取消選中一次后，無法再次通過重新選中了。如果發現不對，歡迎指正。但是使用直接操作每一個的屬性來設置，是可以正常的。 在調試使用jQuery操作checkbox的選中狀態切換的時候，發現了個bug：checkbox復選框在被選中再取消選中一次后，無法再次通過jQuery重新選中了。 如果發現不對，歡迎指正。如果知道怎么解決這個問...

    AlphaWatch 評論0 收藏0

  • jQuery的其他常用知識點

    摘要：獲取匹配的第一個元素相對于其最近的具有定位即不是的父元素的位置返回不能設置。但是這兩種方法的缺點是要綁定的元素必須存在文檔中。支持對動態創建的元素有效。解綁所有代理的事件，而元素本身的事件不會被解綁。觸發事件響應方法，不觸發瀏覽器行為。 選擇器 :visible 和 :hidden 匹配顯示和隱藏的元素（css-display），需要指明元素或類，因為head、script等元素也是...

    tomorrowwu 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<