Wie ermittelt JQuery, ob das Radio ausgewählt ist?-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

Wie ermittelt JQuery, ob das Radio ausgewählt ist?

Dec 18, 2020 am 09:35 AM

jquery

Die Methode für jquery, um festzustellen, ob das Radio ausgewählt ist: Öffnen Sie zuerst die entsprechende Codedatei und verwenden Sie dann die Methode „$(‘input:radio:checked‘).val();“ Stellen Sie abschließend fest, ob das Radio leer ist. Bestimmen Sie, ob das Radio ausgewählt ist.

Wie ermittelt JQuery, ob das Radio ausgewählt ist?

Die Betriebsumgebung dieses Tutorials: Windows7-System, Version jquery1.10.0. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: „jquery-Video-Tutorial“

JQuery ermittelt, ob das Radio ausgewählt ist und erhält den ausgewählten Wert:

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; 
&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;JQuery radio&lt;/title&gt;
&lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; 
src=&quot;JavaScript/jquery-1.6.1.min.js&quot; &gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot;&gt;
 /*------判断radio是否有选中，获取选中的值--------*/
    $(function(){
         $(&quot;#btnSubmit&quot;).click(function(){
            var val=$(&#39;input:radio[name=&quot;sex&quot;]:checked&#39;).val();
            if(val==null){
                alert(&quot;什么也没选中!&quot;);
                return false;
            }
            else{
                alert(val);
            }
            var list= $(&#39;input:radio[name=&quot;list&quot;]:checked&#39;).val();
            if(list==null){
                alert(&quot;请选中一个!&quot;);
                return false;
            }
            else{
                alert(list);
            }           
         });
     });
&lt;/script&gt;
&lt;/head&gt;
 
&lt;body&gt;
&lt;form id=&quot;form1&quot; &gt;
&lt;input type=&quot;radio&quot;  name=&quot;sex&quot; value=&quot;男&quot; /&gt;男
&lt;input type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;女&quot; /&gt;女
&lt;br /&gt;
&lt;input type=&quot;radio&quot;  name=&quot;list&quot; value=&quot;十分满意&quot; /&gt;十分满意
&lt;input type=&quot;radio&quot; name=&quot;list&quot; value=&quot;满意&quot; /&gt;满意
&lt;input type=&quot;radio&quot; name=&quot;list&quot; value=&quot;不满意&quot; /&gt;不满意
&lt;input type=&quot;radio&quot; name=&quot;list&quot; value=&quot;非常差&quot; /&gt;非常差
&lt;br /&gt;
&lt;input type=&quot;submit&quot; value=&quot;submit&quot;  id=&quot;btnSubmit&quot; /&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

Der obige Code verwendet $('input:radio:checked').val() ;-Methode, um den Radiowert abzurufen und dann zu bestimmen, ob das Radio ausgewählt ist, indem ermittelt wird, ob das Radio leer ist.

Das obige ist der detaillierte Inhalt vonWie ermittelt JQuery, ob das Radio ausgewählt ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn