jQueryはcheckbox,radioが選択されているかどうかを判断する3つの方法

19490 ワード

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
}



 function 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;
 }

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="        ">

  


<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">
  
  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>

JQueryはradioが選択されているかどうかを判断し、選択値を取得する



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery radiotitle>
<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>

C言語基礎七

jQueryの最良の方法は、最初の入力ボックスを取得し、フォーカスを設定します.