
如何使用jquery判断checkbox是否勾选。可以使用两种方法进行判断,
方法一:$(this).attr('checked');
方法二:$(this).is(":checked");
打开html开发工具,新建一个html页面。
在html代码页面创建一个checkbox选中框,然后给这个checkbox选择框添加一个id(remember),用于后面对checkbox选中框进行判断。
html代码:
引入jquery库。 判断checkbox需要使用的jquery封装好的方法,所以需要引入jquery库。
创建
保存html代码,然后使用浏览器打开,勾选checkbox选中框,即可看到弹出checkbox勾选的提示,再次点击就会弹出checkbox未选中提示。
使用$(this).attr('checked')判断checkbox选中框是否勾选,步骤与方法一一致,只需要把方法一的第四个步骤里这行var flage = $(this).is(":checked") 修改为var flage = $(this).attr('checked')即可。
保存html代码,然后使用浏览器打开,勾选checkbox选中框,即可看到弹出checkbox勾选的提示,再次点击就会弹出checkbox未选中提示。
页面所有代码。可以直接复制下面所有代码,粘贴到新建html页面,修改引入jquery路径,然后保存html代码使用浏览器打开即可看到效果。
所有代码:
$(function(){
$("#remember").click(function(){
//var flage = $(this).is(":checked");
var flage = $(this).attr('checked')
if(flage){
alert("checkbox选中");
}else{
alert("checkbox未选中");
}
})
})
