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 ...
随机推荐
- select 通过表单提交获取select中的值
<select class="txt" name="choice"> <option value="name" ...
- VLAN及Trunk实验
VLAN及Trunk实验 一 基本VLAN试验 实验拓扑: 实验目的:掌握VLAN基本配置 掌握静态接口VLAN划分 实验需求:在交换机switch上面创建两个VLAN,vlan2和vlan3,vla ...
- sql视图
什么是视图 大家都知道,我们国家现在“神七”上天了.从美国的月球登月开始,人类上天不再是神话.听说,在美国,你只要出几十万美元,您就可以上一次月球进行太空旅行,所以,我们相信:在不久的将来,上天旅行将 ...
- gen_grant_exec.sql
set echo off feedback off verify off pagesize 0 linesize 120 define v_grantee = & ...
- view类的XML属性
属性名称 对应方法 描述 android:background setBackgroundResource(int) 设置背景 android:clickable setClickable(boole ...
- HDU 1789 Doing Homework again(贪心)
在我上一篇说到的,就是这个,贪心的做法,对比一下就能发现,另一个的扣分会累加而且最后一定是把所有的作业都做了,而这个扣分是一次性的,所以应该是舍弃扣分小的,所以结构体排序后,往前选择一个损失最小的方案 ...
- C++ Builder多线程编程技术经验谈(转)
源:C++ Builder多线程编程技术经验谈 线程之可行性 在很多情况下,可能需要为程序创建线程.这里给出其中一些可能性: (1)如果创建的是一个多文档接口(Multiple Document ...
- stm32 IAP + APP ==>双剑合一(转)
源:http://blog.csdn.net/yx_l128125/article/details/13591743 (扩展-IAP主要用于产品出厂后应用程序的更新作用,上一篇博文详细的对IAP 升级 ...
- 对STM32的NVIC_PriorityGroupConfig使用及优先级分组方式理解(转)
源:http://blog.chinaunix.net/uid-22670933-id-3443085.html STM32有43个channel的settable的中断源:AIRC(Applicat ...
- ural1523 K-inversions
K-inversions Time limit: 1.0 secondMemory limit: 64 MB Consider a permutation a1, a2, …, an (all ai ...