判定復選框的選中狀態


1獲取當前狀態(.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")
 
 

2$("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')


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM