jQuery检查复选框是否被选

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>检查复选框是否被选</title>
    <meta charset="utf-8" />
    <script src="Scripts/jquery-1.12.4.js"></script>
</head>
<body>
    <form>
        <input type="checkbox" id="cr" name="cr" />
        <input type="checkbox" id="cr2" name="cr2" checked="checked" />
    </form>

    <script>
        var $cr = $("#cr");//jquery对象
        var cr = $cr[0];   //dom对象

        var $cr2 = $("#cr2");
        var cr2 = $cr2[0];

        alert($cr.checked); //undefined
        alert(cr.checked);//false

        alert(cr2.checked);//true
    </script>
</body>
</html>

时间： 2024-08-12 06:33:54

jQuery检查复选框是否被选的相关文章

jQuery学习(五)——使用JQ完成复选框的全选和全不选

1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选步骤分析: 第一步:引入jquery文件第二步:书写页面加载函数第三步:为上面的复选框绑定单击事件第四步:将下面所有的复选框的选中状态设置成跟上面的一致! 2.具体代码实现: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用jQuery完成复选框的全选和全不

复选框的全选(引自锋利的jQuery)

1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta name="generator" content="text/html" charset="utf-8" /> 5 <title>复选框组的全选/非全选</title> 6 <script

jQuery判断复选框是否勾选

一个功能复选框勾选时给input表单赋值,复选框取消时将表单值清除. 功能:复选框勾选时给input表单赋值,复选框取消时将表单值清除. 实现源码:cyfID为复选框的id $("#cyfID").click(function(){ var ischeck=$(this).attr("checked"); if(ischeck==undefined){ //清除输入框 alert(""); }else{ //给输入框赋值 alert("

jQuery实现复选框的全选、反选、并且根据复选框的<checked属性>控制多个对应div的显示/隐藏

<!doctype html><html> <head> <meta charset="utf-8"> <title>jQuery实现复选框的全选.反选.并且根据复选框的(checked属性)控制多个对应div的显示/隐藏</title> <script type="text/javascript" src="jquery-1.11.3.min.js"></

用Jquery实现复选框的全选

<html><head> <title>用Jquery实现复选框的全选</title> <script src="../javascript/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function () { $(function() { $("#checkAll").cli

用jQuery实现复选框的全选、全不选、和反选

用一个例子来说明一下,html页面代码如下 <table border="1" align="center"> <thead> <tr> <th>状态</th> <th>用户名</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox" /

【jQuery】复选框的全选、反选，判断哪些复选框被选中

本文与<[JavaScript]复选框的全选.反选,判断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,同样做到如下的效果: 布局还是同样的布局,只是由于在jQuery框架中,无须再为按钮,指定特定的onclick事件处理函数,直接使用jQuery指定即可: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri

jQuery实现复选框的全选、反选和不选功能

<!doctype html><html> <head> <meta charset="utf-8"> <title>jQuery实现复选框的全选.反选和不选功能</title> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> </head> <s

原生js实现的复选框的全选和全不选效果

原生js实现的复选框的全选和全不选效果:使用jquery实现复选框的全选和全部选效果非常的简单,这里就不介绍了,具体可以参阅jQuery实现的checkbox复选框全选和全不选效果一章节,下面介绍一下如何使用原生javascript实现此效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" conten