jquery判斷checkbox是否選中;checkbox是否選中?

Tags: 網頁, 頁面, 前端,

網頁前端頁面常常需要判斷checkbox是否選中,其實判斷checkbox是否選中只使用 .is(":checked")即可。

jquery判斷checkbox是否選中;checkbox是否選中

jquery判斷checkbox是否選中;checkbox是否選中

方法/步驟

新建一個html檔案。如圖:

jquery判斷checkbox是否選中;checkbox是否選中

在html頁面建立一個checkbox複選框,然後給這個複選框新增一個id為check。如圖:

程式碼:

jquery判斷checkbox是否選中;checkbox是否選中

引入jQuery檔案(注意:一定要保證引入的jquery檔案路徑是正確的)。如圖:

jquery判斷checkbox是否選中;checkbox是否選中

建立自動載入函式,然後使用is(":checked")判斷checkbox是否選中。

為了讓大家看得更清楚,將把is(":checked")返回的值使用alert彈出來。

如圖:

程式碼:

jquery判斷checkbox是否選中;checkbox是否選中

jquery判斷checkbox是否選中;checkbox是否選中

儲存好html檔案後使用瀏覽器開啟。發現當checkbox從沒有勾選變為勾選是返回的ture,從勾選變為沒有溝選返回的false。如圖:

jquery判斷checkbox是否選中;checkbox是否選中

jquery判斷checkbox是否選中;checkbox是否選中

頁面所有程式碼。可以把所有程式碼複製到新建的html檔案上,儲存好後執行即可看到效果。如圖:

所有程式碼:

jquery判斷checkbox是否選中;checkbox是否選中

網頁, 頁面, 前端,
相關問題答案