網頁前端頁面常常需要判斷checkbox是否選中,其實判斷checkbox是否選中只使用 .is(":checked")即可。
方法/步驟
新建一個html檔案。如圖:
在html頁面建立一個checkbox複選框,然後給這個複選框新增一個id為check。如圖:
程式碼:
引入jQuery檔案(注意:一定要保證引入的jquery檔案路徑是正確的)。如圖:
建立自動載入函式,然後使用is(":checked")判斷checkbox是否選中。
為了讓大家看得更清楚,將把is(":checked")返回的值使用alert彈出來。
如圖:
程式碼:
$(function(){
$("#check").change(function(){
/*chekbox選中返回true,否則為false*/
var check = $(this).is(":checked");
alert("checkbox為:"+check);
})
})
儲存好html檔案後使用瀏覽器開啟。發現當checkbox從沒有勾選變為勾選是返回的ture,從勾選變為沒有溝選返回的false。如圖:
頁面所有程式碼。可以把所有程式碼複製到新建的html檔案上,儲存好後執行即可看到效果。如圖:
所有程式碼:
$(function(){
$("#check").change(function(){
/*chekbox選中返回true,否則為false*/
var check = $(this).is(":checked");
alert("checkbox為:"+check);
})
})