JavaScript实现点击单选按钮改变输入框中文本字段内容的方法

本文介绍了JavaScript通过点击单选按钮来改变输入框中文本字段内容的方法。分享给大家参考。具体如下：

这里，点击单选按钮改变输入框中文本字段内容的方法是JavaScript的一个简单应用，可以减少用户的输入，提高用户的操作便利性。它的功能和一个TAB选项卡一样，完成后可以提交表单，值得学习。

运行效果截图如下：

具体代码如下：

htmlheadtitleJavaScript点击单选框改变输入框内容/title/head dyscript语言=JavaScript var默认值=' ' function Changes(){ var默认值=' changed}ie=document.all？1:0ns4=document.layers？1:0 var c=1函数HideT(id){ if(ie){ document。all[id]。风格。Zin dex=c-；文件。all[id]。风格。可见性="隐藏";文件。全部['隐藏']。风格。可见性='可见'；} else if(ns4){ document。蛋鸡[猫].图层[id].zIndex=c-；document.layers[cat].图层[id].可见性='隐藏；document.layers[cat].层['隐藏']。可见性='显示；} }函数显示它(id){ if(ie){ document。all[id]。风格。Zin dex=c；文件。all[id]。风格。可见性='可见'；} else if(ns4){ document。蛋鸡[猫].图层[id].zIndex=c；document.layers[cat].图层[id].可见性='显示；} else { document。getelementbyid(id)。风格。Zin dex=c；文件。getelementbyid(id)。风格。可见性='可见'；} }函数IMglbl(tab){ premier=FrMwc。元素[tab-1]；if(premier。选中==1){ premier。选中=0；} else { premier。选中=1；} }/脚本表单名称=protectForm action=' ' method=post TABLE width=560 TR TD TABLE单元格填充=2 TR align=left TD valgn=top align=left INPUT onclick=' show it '(off)'；返回true ' type=单选值=0 name=Level checked ASP/TD TD align=left width=20/TD TD vAlign=top align=left nput onclick=' showIt '(low ')；返回true ' type=radio value=25 name=Level PHP/TD TD align=left width=20/TD TD vAlign=top align=left INPUT onclick=' showIt '(high ')；返回true ' type=radio value=75 name=Level JSP/TD TD align=left width=20/TD TD vAlign=top align=left nput onclick=' showIt '(不包括');返回true ' type=radio value=100 name=Level AJAX/TD/TR/TABLE/TD/TR/TABLE TABLE单元格间距=1单元格填充=0宽度=562边框=' 0 ' bgcolor=' 7285 cf '高度=' 240 ' TR TD colspan=3高度=' 145 ' valign=' top ' bgcolor=' f2f 2 ' div id=off style=' width : 560 px；绝对位置：height : 230 z-指数： 1；背景-颜色： F2F2F 2；图层-背景-颜色： F2F2F 2；border: 1px无#000000 '表格单元格间距=5单元格填充=2宽度='560 '边框='0' tr td宽度='560'ASP是一种微软发明的网动态编程语言/TD/tr/table/div div id=low style=' width : 560 px；绝对位置：height : 230 z-指数： 2；可见性：隐藏；背景-颜色： F2F2F 2；图层-背景-颜色： F2F2F 2；border: 1px无#000000 '表格单元格间距=5单元格填充=2宽度='560' tr td宽度='1237'PHP是一种开源、免费平台通用型网编程语言/TD/tr/table/div div id=high style=' width : 560 px；绝对位置：height : 230 z-指数： 1；可见性：隐藏；背景-颜色： F2F2F 2；图层-背景-颜色： F2F2F 2；边框： 1px无# 000000 '表格单元格间距=5单元格填充=2宽度=' 560 ' trJSP是太阳公司制造的基于爪哇岛的网编程容器，也是一种网编程语言/TD/tr/table/div div id=exclu style=' width : 560 px；绝对位置：height : 230 z-指数： 1；可见性：隐藏；背景-颜色： F2F2F 2；图层-背景-颜色： F2F2F 2；边框： 1px none # 000000 '表格单元格间距=5单元格填充=2宽度=' 560 ' tr TD宽度=' 953 ' AJAX是一种网交互型框架语言，可以很好的提升用户体验/TD/TR/TABLE/div/TD/TR/TABLE TABLE单元格间距=0单元格填充=0宽度=560 TR TD对齐=右高=' 30 ' INPUT类=底部类型=提交值='确定输入类=底部类型=按钮值='取消名称='按钮/TD/TR/TABLE /FORM/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。