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

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

                       

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

 方法一:if ($("#checkbox-id").get(0).checked) {    // do something}方法二:if($('#checkbox-id').is(':checked')) {    // do something}方法三:if ($('#checkbox-id').attr('checked')) {    // do somethingfunction checkInfo(){  $("input[name='org3.otherValues']").each(   function(){   if($(this).get(0).checked){   return true;    }   });  var org3_ids=$("#org3_ids").val();  if(org3_ids!=''){   return true;  }  alertMsg.warn("请选择接收人!");  return false; }
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32

jquery如何判断checkbox(复选框)是否被选中

谁都知道 在html 如果一个复选框被选中 是 checked="checked"。但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr("checked")==true)例子里面包括了一下几个功能。   <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 PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><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>
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98

JQuery判断radio是否选中,获取选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JQuery radio</title><script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script><script type="text/javascript" language="javascript"> /*------判断radio是否有选中,获取选中的值--------*/    $(function(){         $("#btnSubmit").click(function(){            var val=$('input:radio[name="sex"]:checked').val();            if(val==null){                alert("什么也没选中!");                return false;            }            else{                alert(val);            }            var list= $('input:radio[name="list"]:checked').val();            if(list==null){                alert("请选中一个!");                return false;            }            else{                alert(list);            }                    });     });</script></head><body><form id="form1" ><input type="radio"  name="sex" value="男" /><input type="radio" name="sex" value="女" /><br /><input type="radio"  name="list" value="十分满意" />十分满意<input type="radio" name="list" value="满意" />满意<input type="radio" name="list" value="不满意" />不满意<input type="radio" name="list" value="非常差" />非常差<br /><input type="submit" value="submit"  id="btnSubmit" /></form></body></html>
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
           

给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow

这里写图片描述

猜你喜欢

转载自blog.csdn.net/uffgfbft/article/details/83545324