jquery核取方塊狀態的判斷

2021-08-08 05:24:48 字數 3243 閱讀 5497

1.checked的選中狀態

不設定checked是預設不選被選中的,

一旦設定checked="false"或者checked = false或者checked="true"或者checked = true或者不設定任何值,都會被解釋為選中。

<

input

type

="checkbox"

name

="test"

id="test1"

/>

//未被選中

<

input

type

="checkbox"

name

="test"

id="test2"

/ checked

="false"

>

//選中

<

input

type

="checkbox"

name

="test"

id="test3"

/ checked

="true"

>

//選中

<

input

type

="checkbox"

name

="test"

id="test4"

/ checked

=false

>

//選中

<

input

type

="checkbox"

name

="test"

id="test5"

/ checked

=true

>

//選中

<

input

type

="checkbox"

name

="test"

id="test6"

/ checked

> //選中

2.取值(.val())---

不能用來判斷狀態

<

input

type

="checkbox"

name

="test"

id="test1"

/>

//未被選中

<

input

type

="checkbox"

name

="test"

id="test2"

/ checked

>

//選中

console.log($("#test1").val())  //

列印出on

console.log($("#test2").val()) //

列印出on

對checked取值,無論是選中狀態或者未選中狀態都是on,

所以要判斷是否選中,不能使用.val()

3.取屬性值(.attr)---

不能用來判斷狀態

<

input

type

="checkbox"

name

="test"

id="test1"

/>

//未被選中

<

input

type

="checkbox"

name

="test"

id="test2"

/ checked

> //選中

console.log($("#test1").attr("checked"))  //

列印出undefine

console.log($("#test2").attr("checked")) //

列印出undefine

對checked取值,無論是選中狀態或者未選中狀態都是undefine,

所以要判斷是否選中,不能使用.attr("checked")

4.獲取當前狀態(.prop())---

可用來判斷狀態

<

input

type

="checkbox"

name

="test"

id="test1"

/>

//未被選中

<

input

type

="checkbox"

name

="test"

id="test2"

/ checked

> //選中

console.log($("#test1").prop("checked"))  //

列印出false

console.log($("#test2").prop("checked")) //

列印出true

用prop取值,選中狀態為true,未選中狀態都是false,

所以要判斷是否選中,可以使用.prop("checked")

5.$("input[type='checkbox']").is(':checked')---可用來判斷狀態

<

input

type

="checkbox"

name

="test"

id="test1"

/>

//未被選中

<

input

type

="checkbox"

name

="test"

id="test2"

/ checked

> //選中

console.log($("#test1").is(":checked"))  //

列印出false

console.log($("#test2").is(":checked")) //

列印出true

用.is(':checked'),選中狀態為true,未選中狀態都是false,

所以要判斷是否選中,可以使用.is(':checked')

同時:要給單選框設定選中狀態,同樣用.prop("checked",true)來設定,這樣就可以讓單選框處於選中狀態,.attr("checked",true)有時候不生效。。

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核取方塊應用

您做喜歡的運動是什麼呢?足球 跑步 籃球 游泳 html頁面如下 全選 checkall click function event 在專案中遇到過這種情況 使用以上 實現全選功能,第一次的時候可以實現全選功能,但是後面就失效了我用火狐瀏覽器除錯了一下,操作的核取方塊已經有了check屬性但是頁面並未...

jQuery操作核取方塊

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