jQuery判断checkbox是否选中的3种方法_jquery

网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法二：

方法一：
if ($("#checkbox-id")get(0).checked) {
// do something
}

方法二：
if($('#checkbox-id').is(':checked')) {
// do something
}

方法三：
if ($('#checkbox-id').attr('checked')) {
// do something
}

时间： 2024-08-14 17:36:54

jQuery判断checkbox是否选中的3种方法_jquery的相关文章

JQuery判断checkbox是否选中及其它复选框操作方法合集_jquery

一.jquery判断checkbox是否选中及改变checkbox状态 jquery判断checked的三种方法: 复制代码代码如下: .attr('checked): //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false .prop('checked'): //16+:true/false .is(':checked'): //所有版本:true/false//别忘记冒号哦 jquery赋值check

解析Jquery取得iframe中元素的几种方法_jquery

DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text");在IFRAME中操作选中父窗口中的所有输入框:$(window.parent.document).

jQuery 更改checkbox的状态,无效的解决方法_jquery

今天写页面遇到复选框动态全选或全不选问题,正常写法如下: $("#tb").find("input[type='checkbox']").attr("checked","checked"); but!第一次点击全选按钮input显示对勾,第二次就不行了,查了下有建议用prop的,亲测有效.那两者有啥区别呢? jQuery函数attr()和prop()的区别: 1.操作对象不同 "attr"和"pr

jquery判断checkbox是否选中及改变checkbox状态的实现方法_jquery

jquery判断checked的三种方法: .attr('checked): //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false .prop('checked'): //16+:true/false .is(':checked'): //所有版本:true/false//别忘记冒号哦 jquery赋值checked的几种写法: 所有的jquery版本都可以这样赋值: // $("#cb1&qu

jquery中checkbox全选失效的解决方法_jquery

如果你使用jQuery 1.6 ,代码if ( $(elem).attr("checked") ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中.它只是用来存储默认或选中属性的初始值.为了保持向后兼容,.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外,还会更新 property 属性,因此 boolean attribute(布尔属性)不需要通过 .prop() 来改变其值.推荐使用上述方法之一,来取得 checked 的值. 使用jQu

jquery判断input值不为空的方法_jquery

<input type="text" class="searchbox" /> <script type='text/javascript'> $(document).ready(function(){ //enter回车键激活搜索 $('.searchbox').bind('keypress', function(event) { if (event.keyCode == "13") { search_news(); }

jQuery操作元素css样式的三种方法_jquery

我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的:而jQuery里提供三种方法来实现这个功能,虽然它们和传统方法的思想相通,但是却节省了许多代码.还是那句话 - "jQuery让JavaScript代码变得简洁!" 1. addClass() - 添加CSS类 $("#target").addClass(&q

jQuery控制TR显示隐藏的几种方法_jquery

网上有很多,这里介绍三种: 第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,如下: 这行不隐藏这行要隐藏这行要隐藏那么控制显隐可以直接使用 for(var i = 1; i < tr_len; i++){ //tr_len是要控制的tr个数 $("#tr_"+i).hide(); } 第二种方法,是使用$.each(),这个方法需要设置table的id,如下: 这行不隐藏这行要隐藏这行要隐藏那么控制显隐可以直接使

jQuery之浮动窗口实现代码(两种方法)_jquery

第一种方法:预览: Html代码复制代码代码如下: <html> <head> <title>浮动窗口</title> <link type="text/css" rel="stylesheet" href="css/overflow.css" /> <script type="text/javascript" src="js/jquery.js&