Heim > Web-Frontend > js-Tutorial > Hauptteil

jquery bestimmt, ob Radio ausgewählt ist

藏色散人
Freigeben: 2022-12-30 11:13:32
Original
3564 Leute haben es durchsucht

So verwenden Sie jquery, um festzustellen, ob das Radio ausgewählt ist: Verwenden Sie zuerst die Methode „$('input:radio:checked').val();“, um den Wert im Radio zu ermitteln indem festgestellt wird, ob das Radio leer ist.

jquery bestimmt, ob Radio ausgewählt ist

Die Betriebsumgebung dieses Artikels: Windows 7-System, JQuery-Version 1.2.6, Dell G3-Computer.

Wie kann festgestellt werden, ob das Radio in jquery ausgewählt ist?

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

<!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=$(&#39;input:radio[name="sex"]:checked&#39;).val();
            if(val==null){
                alert("什么也没选中!");
                return false;
            }
            else{
                alert(val);
            }
            var list= $(&#39;input:radio[name="list"]:checked&#39;).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>
Nach dem Login kopieren

Der obige Code verwendet die Methode $('input:radio:checked').val();, um den Wert im Radio zu erhalten, und Bestimmt dann, ob das Radio leer ist. Um festzustellen, ob das Radio ausgewählt ist.

Empfohlen: „JQuery-Video-Tutorial

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

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage