您现在的位置:多问网知识中心电脑教学网页设计点击单选接钮后显示隐藏层的方法

点击单选接钮后显示隐藏层的方法

06-11 19:37:39   浏览次数:56526  栏目:网页设计
标签:网页设计教程,网页设计知识,http://www.duowen123.com 点击单选接钮后显示隐藏层的方法,

    今天在做网页时用到了用户提交意见表单,需要用户按照指定的意见进行选择,或者自已提出新意见,如果提出新意见,其实就是点击单选接钮后显示隐藏层,现把相关代码拿来分享。

    运行效果图如下所示:

    原理就是利用单选按钮的onclick事件来控制文本域的样式为显示或者隐藏,相关代码如下所示:

<form action="" method="get">
请选择您的意见:
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />优秀
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />良好
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />好
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />不好
<input type="radio" name="radiobutton" onclick="htmer.style.display=''" />自定义意见<br />
<textarea id="htmer" rows="5" style="display:none">当你选择“自定义意见”后,这部分内容将显示出来让用户填写。
</textarea>
<input type="submit" name="Submit" value="提交">
</form>,点击单选接钮后显示隐藏层的方法
相关热词搜索: tag: 网页设计,网页设计教程,网页设计知识,电脑教学 - 网页设计
上一篇:用JavaScript限制checkbox复选框最大可选项的方法
文章评论
联系我们 | 网站地图 | 范文大全 | 管理资料 | 驾照考试 | 教学资料 | 名言大全 | 软件下载
Copyright @ 多问网 all rights reserved
学生评语_教案设计_小学语文试卷
1 2 3 4 5 6 7 8 9 10 11 12