首页 >

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

Posted on 10/11/2020 | by liu

web前端|js教程 JQuery判断checkbox是否选中及其它复选框操作方法合集【jquery】

JQuery,checkbox,是否选中

web前端-js教程

A、jquery判断checkbox是否选中及改变checkbox状态

小额借贷源码出售,ubuntu下配置adb,tomcat8最大内存,python爬虫网页实战,php连接数据教程学习,济宁SEO教学lzw

jquery判断checked的三种方法:

学校网站源码下载,ubuntu 16循环登录,宝塔里tomcat安装不了,夏季大爬虫,php常用模块代码,四川个人抖音seo优化活动方案lzw

.attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked'):    //所有版本:true/false//别忘记冒号哦

jquery赋值checked的几种写法:
所有的jquery版本都可以这样赋值:

android 源码中的铃声加载,ubuntu读取数字出错,网络爬虫课堂设计,php oralce,seo过程考核lzw

// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);

jquery1.6+:prop的4种赋值:

// $("#cb1″).prop("checked",true);//很简单就不说了哦
// $("#cb1″).prop({checked:true}); //map键值对
// $("#cb1″).prop("checked",function(){
return true;//函数返回true或false
});
//记得还有这种哦:$("#cb1″).prop("checked","checked");

B、jquery如何判断checkbox（复选框）是否被选中

谁都知道在html 如果一个复选框被选中是 checked="checked"。

但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked

所以很多朋友判断 if($("#id").attr("checked")=="true") 这个是错误的，其实应该是 if($("#id").attr("checked")==true)
例子里面包括了一下几个功能。

代码


   New Document 
  
    <SCRIPT LANGUAGE="JavaScript" src="http://www.cnjquery.com/demo/jquery.js">
  
  <!--
   $("document").ready(function(){    $("#btn1").click(function(){    $("[name='checkbox']").attr("checked",'true');//全选    })
       $("#btn2").click(function(){    $("[name='checkbox']").removeAttr("checked");//取消全选    })
    $("#btn3").click(function(){    $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数    })
    $("#btn4").click(function(){    $("[name='checkbox']").each(function(){   
     if($(this).attr("checked"))
   {
    $(this).removeAttr("checked");   }
   else
   {
    $(this).attr("checked",'true');   }    })    })
     $("#btn5").click(function(){
    var str="";
    $("[name='checkbox'][checked]").each(function(){
     str+=$(this).val()+""r"n";
   //alert($(this).val());
    })
   alert(str);
    })
   })
  //-->
  
 
 
   
   
   
   
   
   
   checkbox1
   
   checkbox2
   
   checkbox3
   
   checkbox4
   
   checkbox5
   
   checkbox6
   
   checkbox7
   
 checkbox8

JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值$(function(){
/*------------
全选/全不选
------------*/
$('#cboxchecked').click(function(){
//判断apple是否被选中
var bischecked=$('#cboxchecked').is(':checked');
var fruit=$('input[name="fruit"]');
bischecked?fruit.attr('checked',true):fruit.attr('checked',false);
});
/*-------------
获取选中值
-------------*/
$('#btn_submit').submit(function(){
$('input[name="fruit"]:checked').each(function(){
var sfruit=$(this).val();
alert(sfruit);
});
return false;
});
})

全选/全不选

Apple

Orange

Banana

Grapes