Wie ermittelt JQuery, ob ein Kontrollkästchen aktiviert ist (Quellcode)?-js-Tutorial-php.cn

Wie ermittelt JQuery, ob ein Kontrollkästchen aktiviert ist (Quellcode)?

云罗郡主

Freigeben： 2018-10-29 14:24:40

nach vorne

5925 Leute haben es durchsucht

Wie bestimmt JQuery das Kontrollkästchen? Ich glaube, dass viele Freunde, die gerade mit jquery in Kontakt gekommen sind, solche Fragen haben werden. In diesem Kapitel erfahren Sie, wie JQuery ermittelt, ob ein Kontrollkästchen aktiviert ist. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Jeder weiß, dass in HTML ein Kontrollkästchen aktiviert ist, wenn es aktiviert ist = „aktiviert“. Wenn wir jedoch jquery Alert($("#id").attr("checked") verwenden, erhalten Sie die Meldung, dass es „true“ und nicht „checked“ ist. Daher sind viele Freunde der Meinung, dass if($("#id").attr("checked")=="true") falsch ist. Tatsächlich sollte es if($("#id").attr(" sein. überprüft") ==true).

Das Beispiel enthält die folgenden Funktionen:

<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="获得选中的所有值">

Nach dem Login kopieren

Code:

<!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=&#39;checkbox&#39;]").attr("checked",&#39;true&#39;);//全选
   
              });
              $("#btn2").click(function(){
                  $("[name=&#39;checkbox&#39;]").removeAttr("checked");//取消全选
   
              });
              $("#btn3").click(function(){
                  $("[name=&#39;checkbox&#39;]:even").attr("checked",&#39;true&#39;);//选中所有奇数
   
              })
              $("#btn4").click(function(){
                  $("[name=&#39;checkbox&#39;]").each(function(){
                  if($(this).attr("checked"))
                  {
                      $(this).removeAttr("checked");
     
                  }
                  else
                  {
                      $(this).attr("checked",&#39;true&#39;);
     
                  }
              })
          })
               $("#btn5").click(function(){
              var str="";
              $("[name=&#39;checkbox&#39;][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>

Nach dem Login kopieren

Das Obige ist eine vollständige Einführung, wie jquery bestimmt, ob ein Kontrollkästchen aktiviert ist Weitere Informationen zum JavaScript-Video-Tutorial finden Sie auf der chinesischen PHP-Website.

Das obige ist der detaillierte Inhalt vonWie ermittelt JQuery, ob ein Kontrollkästchen aktiviert ist (Quellcode)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!