本文摘自PHP中文网,作者coldplay.xixi,侵删。
jquery判断checkbox是否选中的方法:1、判断【$(checkbox的id).prop("checked")】返回的是一个boolean值类型;2、判断【$(this).is(":checked")】返回的也是boolean值。
本教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
推荐:jquery视频教程
jquery判断checkbox是否选中的方法:
jQuery能够极大提高html的编写效率,其中checkbox的选中判断有几种:
1, $(checkbox的id).prop("checked")
返回的是一个boolean值类型
2, $(this).is(":checked")
返回的也是一个boolean值类型
下面举一个点击checkbox修改文本框属性的例子:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | <!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) {
var str = t1.val();
t2.val(str);
});
$( "#hide" ).click( function (e) {
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是否选中的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
jQuery如何动态添加删除css样式?(代码示例)
jQuery获取class属性的值
jQuery怎么生成元素
jQuery on和bind的区别是什么
jQuery 如何判断 是否相等
jQuery css 如何获取不带单位的属性值
jQuery mobile怎么样
数组长度用size还是length
jQuery如何让按钮不可用
jQuery如何实现不能点击元素
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery怎么样判断checkbox是否选中