Question

我喜欢在点击每个按钮时提醒单选按钮的名称。但只有一个单选按钮落在这个状态。请帮忙。我是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>

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

Answer 1

这是你需要的吗？ DEMO

   $("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");
         }
   });

单选按钮

1 个答案: