下文分享的一段代码：选择是的按钮就显示身高和体重的文本框的代码。注意：ready方法必须要引用jquery的库。
1.html Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.div1{ width:300px; height:80px; border:1px solid green;}
.div2{ width:300px; height:80px; border:1px solid red;}
</style>
<SCRIPT language=javascript type=text/javascript src="jquery-1.7.2.min.js"></SCRIPT>
<script type="text/javascript">
function setDetailMsgRow(rowID,sel) {
var row = document.getElementById(rowID);
if (row != null) {
if (sel.value == 1) {
row.style.display = "block";
}
else {
row.style.display = "none";
}
}
}
/*自动加载隐藏框,ready方法必须要引用jquery的库*/
$(document).ready(function(){
var sel = document.getElementById('selID');
setDetailMsgRow('show',sel);
});
function onload() {var sel = document.getElementById('selID');
setDetailMsgRow('show',sel);
}
</script>
</head>
<body>
<TABLE cellpadding="2" cellspacing="0">
<TBODY>
<TR>
<TD>是否填写身高体重</TD>
<TD><SELECT width='100%' id=selID onchange = "setDetailMsgRow('show',this)">
<OPTION value="1" selected>是</OPTION>
<OPTION value="0">否</OPTION>
<OPTION ></OPTION>
</SELECT>
</TD><TD></TD><TD></TD></TR>
<TR id=show>
<TD>身高</TD>
<TD><INPUT id=Height></TD>
<TD>体重</TD>
<TD><INPUT id=Weight></TD></TR>
</TBODY>
</TABLE>
</body>
</html>
网上可以下载jquery-1.7.2.min.js将其引入。
2.效果
以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。
- 2014年宿迁市体育彩票管理中心招聘计划表
- 广西机电工程学校2014年招聘编制内人员笔试通知
- 泰州市食品药品检验所2014年高层次人才招聘公告
- 广西社会主义学院2014年招聘事业单位后勤服务聘用人员笔试成绩公告
- 铜仁市沿河土家族自治县2014年招聘事业单位工作人员有关情况公示
- 成都市武侯区教育局2014年招聘兼职责任督学通告
- 泰州市食品药品检验所2014年高层次人才招聘计划表
- 广西文物保护与考古研究所2014年招聘专业技术人员公告
- 呼和浩特和林格尔县2014年卫生系统等事业单位招考聘用工作人员领取专业测试准考证通知
- 2014年上饶市公安消防支队招聘合同制消防员入闱面试人员名单公告
- 淮北市2014年招聘事业单位工作人员公告(十二)
- 2014年福建商业高等专科学校招聘方案部分岗位延长报名时间公告
- 2014年青海省县级公立医院和基层医疗卫生机构招聘人员海东市部分岗位递补人员体检通知
- 福建农林大学研究生院2014-2015学年勤工助学岗位录用人员公示
- 呼和浩特市和林格尔县2014年卫生系统等单位招考聘用进入专业测试考生名单
- 2014年度安徽省宿州市市直事业单位招聘人员笔试成绩
- 海南州2014年事业单位招聘工作人员加分人员名单公示
- 2014年黔西南州望谟县招聘事业单位新增人员选岗时间安排通知
- 2014年青海省事业单位笔试加分政策
- 2014年安顺市普定县县属事业单位招聘中对郭兴燕等2位同志进行递补的情况公告
- 唐山市2014年事业单位招聘工作人员聘用人员公示
- 安顺市2014年乡(镇)事业单位招聘工作人员(普定考区)递补人员体检情况公告
- 毕节市人民政府幼儿园2014年招聘工作人员拟聘用人员公示
- 上饶市2014年事业单位面向基层遴选工作人员第一批入闱体检人员名单
- 贵州省交通运输厅2014年招聘所属事业单位工作人员部分招考职位调整/取消公告
- narrator
- narrow
- narrow band
- narrow beach
- narrow beam
- narrowboat
- narrow boundary
- narrow canal
- narrow canyon
- narrow channel
- 夏令时
- 夏令营
- 夏侯
- 夏候鸟
- 夏历
- 夏商周三代纪年表［注］
- 夏天
- 夏娃
- 夏布
- 夏征
- 2022小学教导处工作计划最新5篇
- 2022年度教导处工作计划
- 最新小学教导处个人工作计划5篇
- 2022年小学教导工作计划范文5篇
- 教导处2022工作计划
- 小学教导处工作计划最新5篇
- 关于小学教导工作计划5篇
- 第一学期小学教导处工作计划大全5篇
- 学校教导处工作计划
- 最新小学教导工作计划5篇怎么写