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 ...
随机推荐
- 自定义solr的search UI
solr使用apache的velocity来定义UI,在solr的search ui的基础上更改即可,主要改\example\solr\collection1\conf\velocity里的文件. 详 ...
- HTML5来了:5个好用的混合式App开发工具
在残酷的移动互联网竞争环境下, HTML5技术一直受到各方关注,“HTML5颠覆原生 App”的争论也从未停止过,不管怎样HTML5生态的构建方兴未艾.不过对于移动开发者来说更关心的问题是如何低成本. ...
- Servlet程序开发-- servlet跳转
跳转:服务器端,客户端 客户端跳转:<response.sendRedirect>地址栏跳转之后改变,无法传递request范围的属性 服务器端跳转:<jsp:forward> ...
- Mysql中int(2)和int(10)的区别
int(N)中的N不是限制字段取值范围的,int的取值范围是固定的(0至4294967295)或(-2147483648至2147483647) 那么N这个值是为了在字段中的值不够时补零的,但是必须含 ...
- 【dp】 poj 1953
用n个数字0或者1组成一个排列,要求每两个1不相邻,问有多少种排法 dp[n][0]记录n个连续数,结尾为0的不同排列数dp[n][1]记录第n个连续数,结尾为1的不同排列数 DP公式: dp[i][ ...
- Super Mario
Super Mario Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u Submit ...
- Android性能优化典范---转
Android性能优化典范 原文链接: http://hukai.me/android-performance-patterns/ JAN 17TH, 2015 | COMMENTS 2015新年伊 ...
- JAVA实现二进制,十六进制输出
public class Main { /** * @param args */ public static void main(String[] args) { // TODO Auto-gener ...
- (转)如何向map和reduce脚本传递参数
[MapReduce] 如何向map和reduce脚本传递参数,加载文件和目录 分类: hadoop2014-04-28 21:30 1553人阅读 评论(0) 收藏 举报 hadoop 本文主要讲解 ...
- RPC远程过程调用机制底层原理