// 一,判断选中
  // 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是否选中,全选,取消全选,反选,选择奇数偶数项的更多相关文章

  1. ----------jqery和js如何判断checkbox是否选中 --------两个单选按钮如何选一个,且用jquery获取被选的值

    jqery和js如何判断checkbox是否选中 jquery: <div id="divId" class="divTable"> <div ...

  2. jq、js中判断checkbox是否选中

    最近在开发项目时用到checkbox复选框,其中遇到一个问题:在JQ中如何判断checkbox是否被选中呢?之前用JQ获取元素的属性用的都是attr(),但用在checkbox上却没有用,原因何在?? ...

  3. jQuery和js如何判断checkbox是否选中

    jquery: <div id="divId" class="divTable"><div class="tableBody&quo ...

  4. jqery和js如何判断checkbox是否选中

    jquery: <div id="divId" class="divTable"> <div class="tableBody&qu ...

  5. JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. C#中??和?分别是什么意思? 在ASP.NET开发中一些单词的标准缩写 C#SESSION丢失问题的解决办法 在C#中INTERFACE与ABSTRACT CLASS的区别 SQL命令语句小技巧 JQUERY判断CHECKBOX是否选中三种方法 JS中!=、==、!==、===的用法和区别 在对象比较中,对象相等和对象一致分别指的是什么?

    C#中??和?分别是什么意思? 在C#中??和?分别是什么意思? 1. 可空类型修饰符(?):引用类型可以使用空引用表示一个不存在的值,而值类型通常不能表示为空.例如:string str=null; ...

  7. 判断 checkbox 是否选中以及 设置checkbox选中

    //判断checkbox 是否选中 $("#id").is(":checked");//选中,返回true,没选中,返回false //设置checkbox为选 ...

  8. html checkbox 实现全选/取消全选

    html checkbox  实现全选/取消全选 <html> <body> <table border="1"> <tr> < ...

  9. checkbox全选/取消全选

    //checkbox全选/取消全选 $(function() { $("#checkAll").click(function() { if(this.checked){ $(&qu ...

随机推荐

  1. StringWriter/PrintWriter在Java输出异常信息中的作用

    闲来无事,看看JUnit的源代码.刚刚开始看就发现一段有趣的代码: public String trace() { StringWriter stringWriter = new StringWrit ...

  2. javascript预编译

    刚学前端的小白,第一次写博客,难免有点幼稚.以后每周写两次博客,慢慢积累. 笨鸟不必先飞,但一定是最后一个留下的.加油! JS的预编译定义 在一段程序执行前,js会把var和function这两个关键 ...

  3. Node.js学习 - Web Server

    Client - 客户端,一般指浏览器,浏览器可以通过 HTTP 协议向服务器请求数据. Server - 服务端,一般指 Web 服务器,可以接收客户端请求,并向客户端发送响应数据. Busines ...

  4. Ubuntu + Django + Nginx + uwsgi

    环境 Ubuntu 14.04 Python 2.7 Django 1.8.4 1 安装Nginx     sudo apt-get install nginx 测试  sudo /etc/init. ...

  5. PAT (Advanced Level) 1108. Finding Average (20)

    简单模拟. #include<cstdio> #include<cstring> #include<cmath> #include<vector> #i ...

  6. 帝国CMS系统结合项图文教程

    为了使信息列表可实现按多种条件输出数据,帝国CMS独创可设置无限条件的模型结合项功能.帝国CMS的结合项功能是指按模型多个字段内容来结合显示对应的信息. 二.结合项的语法说明 结合项访问地址: /e/ ...

  7. css div inline 与 span 区别

    不是说用了display:lnline就变内联原素 和span有区别更奇怪的是ff里面执行就没区别 <span style="">xxx</span> &l ...

  8. 1317: Square(DFS+剪枝)

    Description Given a set of sticks of various lengths, is it possible to join them end-to-end to form ...

  9. 分析UIWindow

    转载自:http://www.cnblogs.com/YouXianMing/p/3811741.html The UIWindow class defines an object known as ...

  10. Mac 下面,添加android adb命令(一般环境变量的添加方法)

    1. 在 用户目录下   ~/.bash_profile vim  ~/.bash_profile 2.加入我们需要添加的环境变量,这里是 添加 android   platform-tools 和 ...