checkbox的使用總結,判斷是否選中

2022-07-20 19:06:10 字數 1546 閱讀 1164

方法一:

1

if ($("#checkbox-id").get(0).checked)

方法二:

1

if($('#checkbox-id').is(':checked'))

方法三:

1

if ($('#checkbox-id').attr('checked'))

方法四:

1

if ($('#checkbox-id').prop("checked"))

方法五://屬於原生

js的方法,存在一點弊端

1

if(ele.checked)

一,$(ele).is(":checked")
1

function

isselect(ele)

7else

10 }

二,$(ele).prop("checked")

1

//用jquery全選所有class為listbox的checkbox

2 $(".listbox").prop("checked", true

); 3//

用jquery取消所有class為listbox的checkbox的選中

4 $(".listbox").prop("checked", false

);5

三,使用 attr 方法設定選擇。

1 $(function

());7//

反選8 $('#select-reverse').click(function

() else

15});

16});

17 });

四,對於jquery 1.6.0+ 的版本,可以使用prop方法來設定是否選中。

1 $(function

());7//

反選8 $('#select-reverse').click(function

());

12});

13 });

五,jquery中attr和prop方法的區別

rop是jquery1.6新增的方法,其與attr的用法極為相似。由於不理解他們的根本區別,難免產生離奇的bug。

通過分析attr和prop的原始碼,得知:

attr方法裡面,最關鍵的兩行**,elem.setattribute( name, value + 「」 )和ret = elem.getattribute( name ),很明顯的看出來,使用的dom的api setattribute和getattribute方法操作的屬性元素節點。

而prop方法裡面,最關鍵的兩行**,return ( elem[ name ] = value )和return elem[ name ],你可以理解成這樣document.getelementbyid(el)[name] = value,這是轉化成js物件的乙個屬性。

個人總結checkbox使用方法

1 獲取單個checkbox選中項 三種寫法 input checkbox checked val 或者 input type checkbox checked val 或者 input name ck checked val 2 獲取多個checkbox選中項 input checkbox eac...

checkBox判斷是否選中的方法

這裡可以分為兩種情況 jquery物件和dom物件 通常我們用jquery判斷元素的屬性的時候喜歡用 attr attrname 但是嘗試過的同學可能都知道,這種方法判斷不出是否選中的情況,經過嘗試,終於發現了另外乙個寫法 prop checked 這樣就可以判斷是否選中了。而dom物件呢,則直接可...

jquery判斷checkbox是否被選中

不要覺的這個標題可笑 在html的checkbox裡,選中的話會有屬性checked checked 如果用乙個checkbox被選中,alert這個checkbox的屬性 checked 的值alert attr checked 會列印出 true 而不是 checked 如果沒被選中,列印出的是...