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...