本教程操作环境：windows7系统、jquery3.2.1版本，dell g3电脑。
推荐：jquery视频教程
jquery判断checkbox是否选中的方法：
jquery能够极大提高html的编写效率，其中checkbox的选中判断有几种：
1， $(checkbox的id).prop(checked)返回的是一个boolean值类型
2， $(this).is(:checked)返回的也是一个boolean值类型
下面举一个点击checkbox修改文本框属性的例子：
<!doctype html><html><head><meta charset="utf-8"><title>exp8_3</title></head> <body> <input type="text" name="first" id="first"><br><input type="text" name="second" id="second"><br><input type="checkbox" name="cb" id="hide" value="1"><span id="v0">隐藏第三个文本框</span><br><input type="checkbox" name="cb" id="ml" value="2"><span id="v1">变长第一个文本框</span><br><input type="text" name="third" id="third"> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script type="application/javascript">var t1 = $("#first");var t2 = $("#second");var t3 = $("#third");$(document).ready(function(e) { t2.mousedown(function(e) {//t2被鼠标按下后 var str = t1.val();//获得t1的文本信息 t2.val(str);//加载入t2的文本 }); $("#hide").click(function(e) { //var flag = $(this).is(":checked"); var flag = $(this).prop("checked"); t3.toggle();//动态显示隐藏文本框 if(flag) $("#v0").html("显示第三个文本框"); else $("#v0").html("隐藏第三个文本框"); }); $("#ml").click(function(e) { var flag2 = $(this).prop("checked"); if(flag2){ t1.css('width','300px'); $("#v1").html("变短第一个文本框"); } else{ t1.css('width','169px'); $("#v1").html("变长第一个文本框"); } });});</script></body></html>
相关免费学习推荐：javascript（视频）
以上就是jquery怎么样判断checkbox是否选中的详细内容。