Comment jquery détermine-t-il si la radio est sélectionnée ?-js tutoriel-php.cn

Comment jquery détermine-t-il si la radio est sélectionnée ?

藏色散人

Libérer： 2023-01-04 09:37:37

original

3819 Les gens l'ont consulté

La méthode permettant à jquery de déterminer si la radio est sélectionnée : ouvrez d'abord le fichier de code correspondant ; puis utilisez la méthode "$('input:radio:checked').val();" dans la radio; enfin, juger si la radio est vide peut être utilisée pour déterminer si la radio est sélectionnée.

Comment jquery détermine-t-il si la radio est sélectionnée ?

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.0, cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel vidéo jquery"

JQuery détermine si la radio est sélectionnée et obtient la valeur sélectionnée :

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

Copier après la connexion

Ci-dessus Le code utilise la méthode $('input:radio:checked').val(); pour obtenir la valeur dans la radio, puis détermine si la radio est sélectionnée en jugeant si la radio est vide.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!