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