idは、それぞれをクリックしたときにラジオボタンの名前を通知するのが好きです。ただし、この状態に該当するラジオボタンは1つだけです。助けてください。jqueryの新しいim
<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>
それぞれをクリックするたびに、1つのラジオボタンだけが値を警告します。助けてください