jQuery 核取方塊 全選無效

2021-09-02 02:58:23 字數 388 閱讀 5910

問題:

今天乙個同事在做乙個使用者全選的小功能的時候碰到乙個小問題,就是明明用jquery的attr()把核取方塊設定成checked了,用debuger 也可以看到屬性已經設定上去,但頁面顯示還是沒有選中 。

解決辦法:

原來是jquery中attr() 和 prop() 的區別造成的。其中attr()是用來操作元素dom屬性的,html的結構會發生變化,頁面顯示不一定 會有變化,而prop()是操作元素頁面可見性的一些屬性,影響頁面的顯示效果,而html的結構不會發生變化。

所以在操作元素的checked,selected,readonly和disabled等屬性時,最好用prop(),避免出現bug,而且效能比attr()要好。

核取方塊全選

屬性 描述accesskey 設定或返回訪問 checkbox 的快捷鍵。alt設定或返回不支援 checkbox 時顯示的替代文字。checked 設定或返回 checkbox 是否應被選中。defaultchecked 返回 checked 屬性的預設值。disabled 設定或返回 check...

jquery實現核取方塊全選反選

實現原理 給所有的核取方塊取相同的名字,當點選全選的時候把chenked屬性全部設定為true 當點選全不選的時候把checked屬性設定為false 源 如下 html form method post action 你的愛好是 input type checkbox id checkedall ...

jquery核取方塊

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