jquery之radio

当选中一个选项时，文本框显示所选内容。

html代码如下：

<input type="text" id="text1" ><br>
<input type="radio" name='r' value="河北" >河北
<input type="radio" name='r' value="上海" >上海 
<input type="radio" name='r' value="南京" >南京

一定要注意3个radio要取相同的名字，要不然选中一个后再选另一个，两个单选按钮都会选中。

jquery代码如下：

<script type="text/javascript">
$(function () {    
       $(':radio').click(function () {
               var x=$(':checked').val();
               $('#text1').val(x);
       });       
});
</script>

//事件用的是click点击事件，选择器用的是"：checked"