jquery判断checkbox是否选中;checkbox是否选中
的有关信息介绍如下:网页前端页面常常需要判断checkbox是否选中,其实判断checkbox是否选中只使用.is(":checked")即可。
新建一个html文件。如图:
在html页面创建一个checkbox复选框,然后给这个复选框添加一个id为check。如图:
代码:
引入jQuery文件(注意:一定要保证引入的jquery文件路径是正确的)。如图:
创建自动加载函数,然后使用is(":checked")判断checkbox是否选中。
为了让大家看得更清楚,将把is(":checked")返回的值使用alert弹出来。
如图:
代码:
$(function(){
$("#check").change(function(){
/*chekbox选中返回true,否则为false*/
var check = $(this).is(":checked");
alert("checkbox为:"+check);
})
})
保存好html文件后使用浏览器打开。发现当checkbox从没有勾选变为勾选是返回的ture,从勾选变为没有沟选返回的false。如图:
页面所有代码。可以把所有代码复制到新建的html文件上,保存好后运行即可看到效果。如图:
所有代码:
$(function(){
$("#check").change(function(){
/*chekbox选中返回true,否则为false*/
var check = $(this).is(":checked");
alert("checkbox为:"+check);
})
})