0

当我单击每个单选按钮时，我喜欢提醒单选按钮的名称。但只有一个单选按钮符合条件。请帮忙。我是 jquery 的新手

<html>
<head>
    <style type="text/css">
        #container{
            width:500px;
            height:300px;
            background-color:#F9F9F9;;
        }

    </style>
    <script type="text/javascript" src="jquery-1.6.1.js"> </script>
    <script type="text/javascript">






        $(document).ready(function(){ 

            $("input[@name=testGroup]:checked").click(function(){


                if($(this).val() == "pizza"){

                    alert("pizza");

                }

                else if($(this).val()== "cake"){
                    alert("cake");
                }

            });


        });
    </script>
</head>


<body>

    <input type="radio" class="rad_but" name="food" value="pizza">Pizza</input>
    <input type="radio" class="rad_but" name="food" value="cake">Cake</input>
<input type="radio" class="rad_but" name="food" value="others">Others</input>

    <div id="container">
    </div>
</body>
</html>

每次单击它们中的每一个时，只有一个单选按钮会提醒该值。请帮忙

4

1 回答 1

0

这是你需要的吗？演示

   $("input[name='food']").change(function () {

        if($(this).val() == "pizza"){
         alert("pizza");
         }
         else if($(this).val()== "cake"){
         alert("cake");
         }
         else if($(this).val()== "others"){
         alert("others");
         }
   });
于 2012-04-28T15:49:04.653 回答