当前位置:w88优德官网网文章中心网站设计网页设计 → Radio选项选中触发事件弹出输入框效果

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

减小字体 增大字体 作者:xin  来源:www.cuoxin.com  发布时间:2017-7-25 9:53:39
有的时候需要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> (【错.新.网】 Cuoxin.com)

本文引用网址:
在下列搜索引擎中搜索“Radio选项选中触发事件弹出输入框效果”的相关信息:
谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1最新90后吹箫门事件曝光 90后女...
  • 2王梦溪未经处理雅照120P完整艳...
  • 3女学生裸贷资源百度云下载 10G...
  • 4美女穿紧身裤性感诱惑露阴沟 宅...
  • 5如何做爱真人示范图片 男女ML常...
  • 117岁女孩身份证号大全 18岁女孩...
  • 2去掉dedecms栏目页和内容页的当...
  • 3我想更改前台页面的样子,改怎...
  • 4女性18岁身份证号大全 成年女人...
  • 5图解Godaddy支付宝购买主机全过...
  • 1兰州警花王梦溪裸照全集视频 王...
  • 2嫩白少妇与猛男户外疯狂车震遭...
  • 3中国女大学生的淫靡生活
  • 4合肥艳照门事件 合肥艳照门全套...
  • 5全球空姐制服比拼
  • 1一般人不告诉他 墨盒喷头清洗方...
  • 2Linux和GNU有什么关系?
  • 3配置Linux的环境变量
  • 4如何做服务器安全维护?有哪些...
  • 5Linux系统用户账号文件中passw...
  • 赞助商广告

    图片文章导读