jQuery判断checkbox是否选中的3种方法
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>
js判断checkbox是否选中 .checked不管用
今天开发遇到一个小问题，记小本本记小本本
document.getElementById("id").checked
//正确
//如果返回值为true代表选中
//如果返回值为false代表未选中
document.getElementsByClassName("class").checked
//不能得到ture,false这样的返回值
问题出在哪了呢，我用调试工具看一下
显而易见，用id取返回的是数组，用class取返回的是对象数组（即便他只有一个值）
所以应该这么写
document.getElementsByClassName("a1")[0].checked
下面的方式是补充
网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法二：
方法一：
if ($("#checkbox-id")get(0).checked) {
// do something
}
方法二：
if($('#checkbox-id').is(':checked')) {
// do something
}
方法三：
if ($('#checkbox-id').attr('checked')) {
// do something
}
这篇文章就介绍到这了，基本上没问题了吧，希望大家以后多多支持脚本之家。
相关文章
在TinyMCE 在处理富文本时，可以通过网站的相对路径录入图片地址。2010-11-11
本篇文章主要是对JQuery中操作Css样式的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
js/jquery去掉空格,回车,换行示例代码。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
取得select选择的文本与值的情形在很多地方都有用到，且实现的方法有很多，在下面的示例中将为大家详细介绍下jquery是如何做到的2013-12-12
jquery带翻页动画的电子杂志是一款jquery.booklet电子书小册子带翻页动画的电子杂志书本，感兴趣的小伙伴们可以参考一下2015-08-08
下面小编就为大家带来一篇jQuery文字横向滚动效果的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
jquery post方式传递多个参数值后台以数组的方式进行接收
在用jquery的post方式传递多个值时，在后台页面可以用数组形式接收,很不错吧，可以接收多个值啊，接下来介绍实现方法，感兴趣的朋友可以了解下哦2013-01-01
这篇文章主要介绍了jQuery 获取页面li数组并删除不在数组中的key 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
position()函数用于返回当前匹配元素相对于其被定位的祖辈元素的偏移，也就是相对于被定位的祖辈元素的坐标。该函数只对可见元素有效。2015-07-07
JQuery是一个快速的，简洁的JavaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。2015-05-05
最新评论