zoukankan      html  css  js  c++  java
  • js和jquery判断checkbox是否被选中

    js判断:

    if(document.getElementById("checkboxID").checked){
        alert("checkbox is checked");
    }

    jquery判断:

    $("input[type='checkbox']").is(':checked')

    返回结果,选中:true,位选中:false

    jQuery判断checkbox是否选中的3种方法

    第一种:

    if ($("#checkbox-id")get(0).checked) {
        // do something
    }

    第二种:

    if($('#checkbox-id').is(':checked')) {
        // do something
    }

    第三种:

    if ($('#checkbox-id').attr('checked')) {
        // do something
    }

    举个栗子:

    例子里面包括了一下几个功能:

    <input type="button" id="btn1" value="全选">
    <input type="button" id="btn2" value="取消全选">
    <input type="button" id="btn3" value="选中所有奇数"> 
    <input type="button" id="btn4" value="反选"> 
    <input type="button" id="btn5" value="获得选中的所有值"> 

    <!DOCTYPE HTML> 
    <html> 
    <head> 
    <title> New Document </title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <SCRIPT LANGUAGE="JavaScript" src="http://www.cnjquery.com/demo/jquery.js"></script > 
    <SCRIPT LANGUAGE="JavaScript"> 
    $("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); 
      }) 
    }) 
    </SCRIPT> 
    </head> 
    <body> 
    <form name="form1" method="post" action=""> 
    <input type="button" id="btn1" value="全选"> 
    <input type="button" id="btn2" value="取消全选"> 
    <input type="button" id="btn3" value="选中所有奇数"> 
    <input type="button" id="btn4" value="反选"> 
    <input type="button" id="btn5" value="获得选中的所有值"> 
    <br> 
    <input type="checkbox" name="checkbox" value="checkbox1">checkbox1 
    <input type="checkbox" name="checkbox" value="checkbox2">checkbox2 
    <input type="checkbox" name="checkbox" value="checkbox3">checkbox3 
    <input type="checkbox" name="checkbox" value="checkbox4">checkbox4 
    <input type="checkbox" name="checkbox" value="checkbox5">checkbox5 
    <input type="checkbox" name="checkbox" value="checkbox6">checkbox6 
    <input type="checkbox" name="checkbox" value="checkbox7">checkbox7 
    <input type="checkbox" name="checkbox" value="checkbox8">checkbox8 
    </form> 
    </body>
    </html>
  • 相关阅读:
    mysql数据恢复
    数据库备份脚本
    SHELL syntax error:unexpected end of file 提示错误
    shell script 的追踪与 debug
    mysql Host ‘XXXXXX’ is blocked because of many connection errors
    linux下MySQL 5.6源码安装
    C# 数据库并发的解决方案(通用版、EF版)
    Thread(线程)四
    C#线程系列讲座(1):BeginInvoke和EndInvoke方法
    在创建窗口句柄之前,不能在控件上调用 Invoke 或 BeginInvoke
  • 原文地址:https://www.cnblogs.com/wangyongx/p/8066655.html
Copyright © 2011-2022 走看看