欢迎来到资源库(www.zyku.net)

JavaScript

当前位置:首页 > 网页制作 > JavaScript > 事件触发

Radio选项选中触发事件弹出输入框效果

时间:2016-04-24|栏目:JavaScript|点击:|我要投稿

有的时候需要radio选项被选中后触发一系列的事件显示想要显示的东西,选中不同的选项触发不同的事件,下面介绍利用JS弹出不同的文本框效果。

代码如下:

<script language="javascript"> 
  function s1(va) {
  if(va=="0"){
  document.getElementById('a').style.display='block';
  document.getElementById('b').style.display='none';
  document.getElementById('c').style.display='none';
  }else if(va="1"){
  document.getElementById('b').style.display='block';
  document.getElementById('a').style.display='none';
  document.getElementById('c').style.display='none';
  }
  }
  function s2(va) {
  if(va=="2"){
  document.getElementById('c').style.display='block';
  document.getElementById('a').style.display='block';
  document.getElementById('b').style.display='block';
  }
  }
  function s3(va) {
  if(va=="3"){
  document.getElementById('a').style.display='none';
  document.getElementById('b').style.display='none';
  document.getElementById('c').style.display='none';
  }
  }
  </script>
<input name="#" type="radio" value="0" onClick="s1(this.value)" />A
<input name="#" type="radio" value="1" onClick="s1(this.value)" />B
<input name="#" type="radio" value="2" onClick="s2(this.value)" />C
<input name="#" type="radio" value="3" onClick="s3(this.value)" />D

<p id="a" style="display:none;"><input type="text" name="" value="A"></p>
<p id="b" style="display:none;"><input type="text" name="" value="B"></p>
<p id="c" style="display:none;"><input type="text" name="" value="C"></p>

(资源库 www.zyku.net)

上一篇:返回列表

栏    目:JavaScript

下一篇:jquery 接收 json 格式数据 转化时间类型输出

本文标题:Radio选项选中触发事件弹出输入框效果

本文地址:https://www.zyku.net/js/234.html

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等内容,均由网友发表或上传并维护或收集自网络,仅供个人学习交流使用,版权归原作者所有。

如有侵犯您的版权,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:95148658 | 邮箱:mb8#qq.com(#换成@)

苏ICP备2020066115号-1

本网站由提供CDN加速/云存储服务