1. 下午写JS验证，有一个需求需要判断 checkbox是否被选择，查阅相关资料后，总结以下4种方法，分享给大家。
  2.  
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6.     <meta charset="UTF-8">
  7.     <title>jQuery 判断checkbox是否被选中 4种方法</title>
  8.     <script src="jquery-1.8.3.min.js"></script>
  9.     <script>
  10.         $(function(){
  11.             $('#agree').on('click', function(){
  12.                 if($("input[type='checkbox']").is(':checked')){ // 选中返回true,未选中返回false
  13.                     console.log('已选中');
  14.                 }else{
  15.                     console.log('未选中');
  16.                 }
  17.             })
  18.  
  19.             $('#agree2').on('change', function(){ // 可以是 onchange ,也可以是 onclick
  20.                 if($('#agree2').attr('checked')){
  21.                     console.log('已选中');
  22.                 }else{
  23.                     console.log('未选中');
  24.                 }
  25.             })
  26.  
  27.             $('#agree3').on('change', function(){
  28.                 if($("#agree3").get(0).checked){
  29.                     console.log('已选中');
  30.                 }else{
  31.                     console.log('未选中');
  32.                 }
  33.             })
  34.  
  35.             $('#agree4').on('change', function(){
  36.                 if($("#agree4").prop('checked')){
  37.                     console.log('已选中');
  38.                 }else{
  39.                     console.log('未选中');
  40.                 }
  41.             })
  42.         })
  43.     </script>
  44. </head>
  45. <body>
  46.     <input type="checkbox" name="agree" id="agree"> 同意此协议  <br> <br>
  47.     <input type="checkbox" name="agree" id="agree2"> 同意此协议2  <br> <br>
  48.     <input type="checkbox" name="agree" id="agree3"> 同意此协议3  <br> <br>
  49.     <input type="checkbox" name="agree" id="agree4"> 同意此协议4  <br> <br>
  50. </body>
  51. </html>

jQuery 判断checkbox是否被选中 4种方法的更多相关文章

  1. JS实现全选与取消 Jquery判断checkbox是否被选中

    1.JS实现checkbox全选与取消 <body> <input type="checkbox" name="select_all"/> ...

  2. js和jquery判断checkbox是否被选中

    js判断: if(document.getElementById("checkboxID").checked){ alert("checkbox is checked&q ...

  3. Jquery判断checkbox是否被选中

    jQuery中: $("input[type='checkbox']").is(':checked') 返回true或false 1.attr()方法  设置或者返回备选元素的值 ...

  4. jquery 判断checkbox是否被选中问题

    1.jquery库2以上 $("#checkbox_check").click(function(){ alert($(this).prop("checked" ...

  5. 每天学一点-Jquery判断checkbox是否为选中状态

    if ($("#ctl00_ContentPlaceHolder1_IsLimitedService").attr("checked") ==true)

  6. 刷新的时候jquery获取checkbox是否为选中和设置选中

    $(document).ready(function(){ $('.uninstall_list_checkbox').click(function(){ if($(this).parent('.un ...

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

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

  8. JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值

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

  9. jquery判断单选按钮radio是否选中的方法

    JQuery控制radio选中和不选中方法总结 一.设置选中方法 复制代码代码如下: $("input[name='名字']").get(0).checked=true; $(&q ...

随机推荐

  1. git 与 github基本使用

    这里只对git 与 github的基本使用介绍,对于简单的步骤不做详细的说明,可以在网上搜索 一.git与github的安装与链接 1.git 安装:百度搜索"git",下载安装即 ...

  2. Hibernate---基础配置之日志信息slf 及搭建日志环境

    slf日志接口, 实现有slf4j nodep, log4j hibernate里我们一般用 log4j,所以删除之前创建的hibernate 包里的 slf4j-nop包, 加入log4j-1.2. ...

  3. WIN32动态链接库设计与使用

    WINDOWS动态链接库技术能很好地实现代码的分模块,综合来说,windows动态链接库分为三种WIN32动态链接库,使用WINDOWS api函数调用设计,贴近底层,体积小,是最初Windows程序 ...

  4. MyEclipse构建Web Service（Xfire框架）

    以下是本人原创,如若转载和使用请注明转载地址.本博客信息切勿用于商业,可以个人使用,若喜欢我的博客,请关注我,谢谢!博客地址 任务要求: 使用Xfire实现一个简单的CalculatorWebServ ...

  5. cocos2d中box2d讲解一

    在游戏中我们经常要加入物理碰撞等和物理有关的内容,在游戏中加入物理引擎可以使我们的游戏更加真实,为玩家展示一个更真实的世界,cocos2d-x支持两个物理引擎Box2d和Chipmunk,本文介绍bo ...

  6. js生成随机数

    //生成n以内的随机数 function getRandom(n){ return Math.floor(Math.random()*n+1) } //生成1000以内的随机数 alert(getRa ...

  7. JAVA WEB 中的编码分析

    JAVA WEB 中的编码分析 */--> pre.src {background-color: #292b2e; color: #b2b2b2;} pre.src {background-co ...

  8. tomcat 修改编码（Java之负基础实战）

    1.找到server.xml 在tomcat安装路径/conf/server.xml 2.设置POST和GET使用相同编码 useBodyEncodingForURI="true" ...

  9. Android应用程序组成部分

    引言 为了后面的例子做准备,本篇及接下来几篇将介绍Android应用程序的原理及术语,这些也是作为一个Android的开发人员必须要了解,且深刻理解的东西.本篇的主题如下: 1.应用程序基础 2.应用 ...

  10. 最简化模型——css3分阶段动画效果(经过实测)

    body {    background: #dcdcdc;    -webkit-animation: colorin 5s; /* chrome调用属性 */    animation: colo ...