Jquery中獲取屬性checked的值 陷阱

2021-07-29 17:04:40 字數 604 閱讀 4558

如果使用jquery,應使用prop方法來獲取和設定checked屬性,不應使用attr,

問題:經常使用jquery外掛程式的attr方法獲取checked屬性值,獲取的值的大小為未定義,此時可以用prop方法獲取其真實值,下面介紹這兩種方法的區別: 

1.通過prop方法獲取checked屬性,獲取的checked返回值為boolean,選中為true,否則為flase 

複製**

**如下:

全選 function checkall()   

2.如果使用attr方法獲取時,如果當前input中初始化未定義checked屬性,則不管當前是否選中,$("#selectall").attr("checked")都會返回undefined; 

複製**

**如下:

全選 如果當前input中初始化已定義checked屬性,則不管是否選中,$("#selectall").attr("checked")都會返回checked. 

複製**

**如下:

全選 function checkall()   

總結,如果使用jquery,應使用prop方法來獲取和設定checked屬性,不應使用attr.

JQuery屬性獲取

操作物件標籤 web原生js屬性獲取 var div document.getelementbyid first 獲取第乙個標籤的id var divid div.id 給id重新賦值 div.id four 通過getattributr方法獲取屬性值 var divid div.getattrib...

jquery中通過屬性獲取元素

根據屬性獲取元素 p class css color red 給所有有class的p標籤設定紅色字型。根據屬性值獲取元素 1.input name san css background color red 匹配所有name以 san 結尾的input標籤設定紅色背景。選擇器 attribute va...

jquery獲取html屬性值

jquery獲取html標籤自定義屬性值或data值 獲取屬性值 1 id text value 帥帥的男神 jquery取值 text attr value 獲取自定義屬性值 2 id text value 123 data obj 帥帥的男神 jquery取值 text attr data ob...