首页 > Web开发 > 详细

jquery之radio

时间:2015-12-07 22:24:18      阅读:222      评论:0      收藏:0      [点我收藏+]

技术分享

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

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"

 

jquery之radio

原文:http://www.cnblogs.com/jmlovepython/p/5027599.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!