Heim >Web-Frontend >js-Tutorial >Wie ermittelt JQuery, ob das Radio ausgewählt ist?

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

藏色散人
藏色散人Original
2020-12-18 09:35:163851Durchsuche

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:

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

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!

Stellungnahme:
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