So ermitteln Sie, ob das Radio in jquery ausgewählt ist-js-Tutorial-php.cn

So ermitteln Sie, ob das Radio in jquery ausgewählt ist

coldplay.xixi

Freigeben： 2023-01-04 09:37:03

Original

5527 Leute haben es durchsucht

So verwenden Sie jquery, um festzustellen, ob ein Radio ausgewählt ist: 1. Verwenden Sie den ausgewählten Wert, um die Auswahl zu bestimmen. 2. Verwenden Sie das aktivierte Attribut, um die Auswahl zu bestimmen. jquery ruft den Wert des Optionsfelds ab. 4. Legen Sie fest, welches Optionsfeld ausgewählt werden soll.

So ermitteln Sie, ob das Radio in jquery ausgewählt ist

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.2.1-Version, Thinkpad T480-Computer.

Empfohlen: jquery-Video-Tutorial

So ermitteln Sie, ob ein Radio von jquery ausgewählt wird:

1. Verwenden Sie die Methode, um den ausgewählten Wert zu erhalten, um die Auswahl zu bestimmen

Gehen Sie direkt zum Code, Vergessen Sie nicht, das JQuery-Paket zu zitieren

Der Code lautet wie folgt:

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

Radio kann nicht anhand der „geprüften“ Gleichheit beurteilt werden 2. Verwenden Sie das geprüfte Attribut, um die Auswahl zu beurteilen. Radio kann nicht anhand der „geprüften“ Gleichheit beurteilt werden. Es kann nur anhand von „true“ beurteilt werden. Der Code lautet wie folgt:

<script type="text/javascript">
        $(function () {
            $("input").click(function () {
                if ($(this).attr("checked")) {
                    alert("选中了");
                }
            });
        });
    </script>
</head>
<body>
<input type="radio"/>
</body>
</html>

Nach dem Login kopieren

3. jquery erhält den Wert des Radio-Radio-Buttons

Sonstiges: Bestimmen Sie, ob das Radio ausgewählt ist und den ausgewählten Wert erhält

Der Code lautet wie folgt:

<script type="text/javascript">
        $(function () {
            $("input").click(function () {
                if ($(this).attr("checked")) {
                    alert("选中了");
                }
            });
        });
    </script>
</head>
<body>
<input type="radio"/>
</body>
</html>

Nach dem Login kopieren

4. Legen Sie den Radio-Button fest. Der Button ist ausgewählt

Der Code lautet wie folgt folgt:

function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--选中的值为："+$(":radio:checked").val()); 
} 
}

Nach dem Login kopieren

Verwandte kostenlose Lernempfehlungen:

Javascript

(Video)

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