js jqery判断checkbox是否选中,全选,取消全选,反选,选择奇数偶数项
// 一,判断选中
// js
var ischecked2 = function(){
// this.checked == true
$(document.getElementsByTagName("input")).each(function(i){
if(this.checked == true){
console.log(this.getAttribute('name'));
}
})
} // jquery
var ischecked1 = function(){
// 方法1,$(this).is(':checked')
$("input[type='checkbox']").each(function(i){
if($(this).is(':checked') == true){
console.log($(this).attr("name"));
}
});
// 方法2.$(this).get(0).checked
$("input[type='checkbox']").each(function(i){
if($(this).get(0).checked == true){
console.log($(this).attr("name"));
}
});
// 方法3.$(this).prop('checked')
$("input[type='checkbox']").each(function(i){
if($(this).prop('checked')){
console.log($(this).attr("name"));
}
}); } // 二,全选
// jquery
var selectAll1 = function(){
// $("[type='checkbox']").prop("checked",true); // 方法1
$("[type='checkbox']").prop("checked","checked"); // 方法2
}
// js
var selectAll2 = function(){
$(document.getElementsByTagName("input")).each(function(i){
this.checked = true;
})
} // 三,取消全选
// jquery
var selectNone1 = function(){
// $("[type='checkbox']").prop("checked",false); // 方法1
$("[type='checkbox']").prop("checked",""); // 方法2
}
// js
var selectNone2 = function(){
$(document.getElementsByTagName("input")).each(function(i){
this.checked = false;
})
} // 四,反选
// jquery
var inverse1 = function(){
$("[type='checkbox']").each(function () {
$(this).prop("checked", !$(this).prop("checked"));
});
}
// js
var inverse2 = function(){
$(document.getElementsByTagName("input")).each(function(i){
this.checked = !this.checked;
})
} // 五,jquery 选中所有奇数 (index从0开始)
var odd1 = function(){
selectNone1();
$("[type='checkbox']:odd").prop("checked",'true');
} // 六,jquery 选中所有偶数 (index从0开始)
var even1 = function(){
selectNone1();
$("[type='checkbox']:even").prop("checked",'true');
}
备注:在jQuery 1.6中,.attr()方法查询那些没有设置的属性,则会返回一个undefined。如果你要去恢复或者改变DOM状态值,类似checked,selected,disabled等表单元素的状态,最好使用.prop()方法。
js jqery判断checkbox是否选中,全选,取消全选,反选,选择奇数偶数项的更多相关文章
- ----------jqery和js如何判断checkbox是否选中 --------两个单选按钮如何选一个,且用jquery获取被选的值
jqery和js如何判断checkbox是否选中 jquery: <div id="divId" class="divTable"> <div ...
- jq、js中判断checkbox是否选中
最近在开发项目时用到checkbox复选框,其中遇到一个问题:在JQ中如何判断checkbox是否被选中呢?之前用JQ获取元素的属性用的都是attr(),但用在checkbox上却没有用,原因何在?? ...
- jQuery和js如何判断checkbox是否选中
jquery: <div id="divId" class="divTable"><div class="tableBody&quo ...
- jqery和js如何判断checkbox是否选中
jquery: <div id="divId" class="divTable"> <div class="tableBody&qu ...
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- C#中??和?分别是什么意思? 在ASP.NET开发中一些单词的标准缩写 C#SESSION丢失问题的解决办法 在C#中INTERFACE与ABSTRACT CLASS的区别 SQL命令语句小技巧 JQUERY判断CHECKBOX是否选中三种方法 JS中!=、==、!==、===的用法和区别 在对象比较中,对象相等和对象一致分别指的是什么?
C#中??和?分别是什么意思? 在C#中??和?分别是什么意思? 1. 可空类型修饰符(?):引用类型可以使用空引用表示一个不存在的值,而值类型通常不能表示为空.例如:string str=null; ...
- 判断 checkbox 是否选中以及 设置checkbox选中
//判断checkbox 是否选中 $("#id").is(":checked");//选中,返回true,没选中,返回false //设置checkbox为选 ...
- html checkbox 实现全选/取消全选
html checkbox 实现全选/取消全选 <html> <body> <table border="1"> <tr> < ...
- checkbox全选/取消全选
//checkbox全选/取消全选 $(function() { $("#checkAll").click(function() { if(this.checked){ $(&qu ...
随机推荐
- Air打包exe
1.用flash创建一个airtest.fla,发布目标选择为AIR.ctrl+enter会得到如下文件: 2.把flex sdk的bin中找到adl.exe,复制过来,放置到:项目目录\bin\ad ...
- 微软企业库3.1DIY编译使用(数据库连接符写在企业库DLL里)
1.在winform项目app.config文件中去掉"PublicKeyToken=b03f5f7f11d50a3a"(不然无法加载使用新编译的企业库DLL文件) 2.在企业库所 ...
- Java程序员的10道XML面试题 (转)
包括web开发人员的Java面试在内的各种面试中,XML面试题在各种编程工作的面试中很常见.XML是一种成熟的技术,经常作为从一个平台到其他平台传输数据的标准.XML面试问题包括用于转换XML文件的X ...
- ecb, 找不到button
我问了一下,http://stackoverflow.com/questions/17667554/when-configuring-ecb-i-cant-found-button-save-for- ...
- JAVA的三大特征 封装继承多态- 简单总结
简单总结一下 封装-即从很多类的抽取相同的代码 写在一个类里. 好处是 代码的重用,安全. 继承-减少代码的书写. 其好处也是 代码的重用. 多态- 把不同的子类对象都当作父类来看,可以屏蔽不同子类对 ...
- Qt5:QSystemTrayIcon类实现程序托盘图标
windows下,在许多应用程序中都会实现一个托盘图标,用于隐藏应用程序窗口时还能对该应用程序进行简单的操作,例如 QQ ,renren等程序 那么,在Qt中,如何实现呢? 这就要用到Qt提供的 QS ...
- 集合-字典(Lookup/SortedDictionary)
Lookup<TKey, TElement>非常类似于Dictionary<TKey, TValue>,但是把键映射在一个值集上. 必须调用ToLookup方法创建Lookup ...
- mysql的一些特殊命令
mysql命令行工具的编辑技巧 从mysql performace blog 中学到的: 1. pager 例子 mysql> pager more PAGER set to 'more' my ...
- CI如何在子目录下可以设置默认控制器
CI建立大型大型的应用程序,需要创建子文件夹在application/controllers下建立文件夹app1app1目录下有多个控制器,ca.php,cb.php我希望定义app1下的默认控制器, ...
- package。。
如果在源代码内没有加上 package ... 是无法以下面的方式访问到主类的. D:\lab_>java timer.LambdaTest 加载时会返回 "错误: 找不到或无法加载主 ...