|
|
|
|
|
|
贊助商
分類目錄
贊助商
最新文章
搜索
jQuery: 判斷checkbox復(fù)選框是否被選中
作者:admin 時(shí)間:2019-5-5 17:1:35 瀏覽:本文介紹如何用jQuery獲取checkbox復(fù)選框選中狀態(tài)，或驗(yàn)證是否選中或取消選中復(fù)選框。
jQuery: 判斷checkbox復(fù)選框是否被選中
這里我們使用jQuery .is()方法和匹配的checked屬性。
描述：方法.is()針對選擇器、元素或jQuery對象檢查當(dāng)前匹配的元素集，如果這些元素中的至少一個(gè)與給定的參數(shù)匹配，則返回true。
下面是實(shí)例分析。
引用jQuery庫文件
在HTML代碼前面需要引用jQuery庫文件，你可以把jQuery庫文件下載到本地服務(wù)器進(jìn)行調(diào)用，也可以直接使用第三方提供的公共庫文件，這里推薦使用百度的jQuery庫文件。
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
HTML
這里我們有一個(gè)checkbox復(fù)選框控件和一個(gè)button按鈕標(biāo)簽，所以我們的HTML如下所示：
<input type='checkbox' id='chkFollow'>Follow Me
<button id="btnCheckStatus">Click me</button>
jQuery：使用.is(":checked")方法將返回布爾值
所以現(xiàn)在下面寫的jQuery代碼，將顯示復(fù)選框狀態(tài)。在按鈕單擊時(shí)是否選中或取消選中該復(fù)選框。
var chkItem=$("#chkFollow");
$("#btnCheckStatus").on('click',function(){
if($(chkItem).is(":checked"))
{
console.log("Yes you are following ");
}
else
{
console.log("No you are not following");
}
});
在上面的代碼中，我們將checkbox復(fù)選框控件存儲在一個(gè)變量中，我們在button按鈕點(diǎn)擊功能觸發(fā)時(shí)使用，基本上將變量分配給控件（選擇器）是性能方面的良好實(shí)踐，即緩存控件。
接下來我們使用.is(":checked")這個(gè)返回布爾值。 結(jié)果，我們知道我們的復(fù)選框當(dāng)前狀態(tài)，已選中或未選中。
標(biāo)簽: checkbox
- 站長推薦
