答案:使用jQueryprop()方法和:checked选择器
以下部分描述了如何使用jQueryprop()方法以及:checked选择器来跟踪复选框的状态(无论是否选中)。
使用jQueryprop()方法
jQueryprop()方法提供了一种简单,有效和可靠的方式来跟踪复选框的当前状态。它在所有情况下都可以很好地工作,因为每个复选框都有一个checked属性,用于指定其选中或未选中状态。
不要用checked属性误解它。该checked属性仅定义复选框的初始状态,而不是当前状态。让我们看看它是如何工作的:
例试试这个代码»
<script>
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).prop("checked") == true){
console.log("Checkbox is checked.");
}
else if($(this).prop("checked") == false){
console.log("Checkbox is unchecked.");
}
});
});
</script>
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jQuery