当前位置:爱推吧 » WordPress技巧 » 用Jquey实现单选框实现不同弹出内容

用Jquey实现单选框实现不同弹出内容

Jquery真是越来越强大,好用。下面是利用Jquery实现选择不同的单选框弹出不同的内容。

<script language="javascript" type="text/javascript">
$("input[type='radio']").each(function(){
 $(this).click(function(){
  alert($(this).val());
  $("#msg").html($(this).val());
});
})
</script>

这是Jquey的代码部分,下面是Html Code:

  <form id="form1">
        <input type="radio" name="search" id="item1" value="小土哥的博客"/>小土哥的博客        
        <input type="radio" name="search" id="item2" value="isblog.tk"/>我的网站        
</form>

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注