如何在选中时从单选按钮获取值?

时间:2012-10-22 07:32:19

标签: jquery

我有两个以上的单选按钮,并且想要在选中单选按钮时填充“showtype_cost”的值。并在检查另一个时更改该值

<body>
   <input name="showtype" type="radio" id="basic" value="basic" />Basic Slideshow<br />

   <input name="showtype" type="radio" id="lovestory" value="lovestory" /> Love Story <br />

   <input name="showtype_cost" type="text" id="text" value="">
   <p></p>
</body>

3 个答案:

答案 0 :(得分:0)

您可以使用此方法,它可能会对您有所帮助。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#basic").click(function(){
$("#text").attr("value","150");
});
});
$(document).ready(function(){
$("#lovestory").click(function(){
$("#text").attr("value","500");
});
});
</script>
</head>
<body>
<input name="showtype" type="radio" id="basic" value="basic" />Basic Slideshow<br />

<input name="showtype" type="radio" id="lovestory" value="lovestory" /> Love Story <br />

<input name="showtype_cost" type="text" id="text" value="100">
<p></p>
</body>
</html>

答案 1 :(得分:0)

$('input:radio[name="showtype"]').change(function(){
    $('input:text[name="showtype_cost"]').val($('input:radio[name="showtype"]:checked').val());
});

答案 2 :(得分:-2)

$(document).ready(function(){ 
   $('*[name=showtype]').click(function(){
        $("#text").val($(this).val());
        });
    });
});