Heim > Artikel > Web-Frontend > Wie ermittelt JQuery, ob ein Kontrollkästchen aktiviert ist (Quellcode)?

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

云罗郡主nach vorne: 2018-10-29 14:24:405886Durchsuche

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

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>

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!

Stellungnahme：

Dieser Artikel ist reproduziert unter:lvyestudy.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Einführung in die Verwendung von Modularität in ES6 (Codebeispiel)Nächster Artikel：Einführung in die Verwendung von Modularität in ES6 (Codebeispiel)

In Verbindung stehende Artikel

Mehr sehen