jquery checked选中值
在jQuery中，如果你想根据一个复选框（checkbox）是否被选中来执行某些操作，你可以使用.is(':checked')或者.prop('checked')方法来检查复选框是否被选中。下面是一些示例来说明如何实现这一点。
使用.is(':checked')
$(document).ready(function(){
$('#myCheckbox').change(function() {
if($(this).is(':checked')) {
// 复选框被选中时执行的代码
console.log('复选框被选中了');
} else {
// 复选框未被选中时执行的代码
console.log('复选框未被选中');
}
});
});
使用.prop('checked')
$(document).ready(function(){
$('#myCheckbox').change(function() {
if($(this).prop('checked')) {
// 复选框被选中时执行的代码
console.log('复选框被选中了');
} else {
// 复选框未被选中时执行的代码
console.log('复选框未被选中');
}
});
});
示例HTML
为了使上述jQuery代码工作，你需要一个HTML复选框元素。例如：
初始化状态检查
如果你想在页面加载时检查复选框是否已被选中，你也可以这样做：
$(document).ready(function(){
if($('#myCheckbox').is(':checked')) {
console.log('页面加载时，复选框已被选中');
} else {
console.log('页面加载时，复选框未被选中');
}
});
或者使用.prop('checked')：
$(document).ready(function(){
if($('#myCheckbox').prop('checked')) {
console.log('页面加载时，复选框已被选中');
} else {
console.log('页面加载时，复选框未被选中');
}
});
这样，你就可以根据复选框的选中状态来执行相应的操作了。