Heim > Web-Frontend > js-Tutorial > Hauptteil

JQuery ermittelt, ob das Radio ausgewählt ist, und ruft den ausgewählten Wert ab, Beispielcode_jquery

WBOY
Freigeben: 2016-05-16 16:33:21
Original
1101 Leute haben es durchsucht

Weitere Funkbetriebsfunktionen werden in Zukunft hinzugefügt. Gehen Sie direkt zum Code und vergessen Sie nicht, das JQuery-Paket

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

Netizen-Kommentare: var boolCheck=$('input:radio[name="sex"]').is(":checked"); ist besser, diese Methode ist einfacher

is() Erkennt einen Satz übereinstimmender Elemente basierend auf einem Selektor, einem Element oder einem jQuery-Objekt und gibt true zurück, wenn mindestens eines dieser Elemente mit dem angegebenen Argument übereinstimmt.

Wenn die Zeichen nach dem Speichern verstümmelt sind, wird empfohlen, zur Bearbeitung den Editor zu verwenden.

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