javascript隐藏和显示元素以及清空textarea

当前希望写一个单选框,选中“paste”则显示粘贴框,选中“upload”则提示选择文件。

因为这两种情况只是显示不同,所以只需要用javascript来进行显示和隐藏。

最后的结果大概这样:

初始时,两个都不选中,所以粘贴框和上传按钮都不存在。

javascript隐藏和显示元素以及清空textarea

选中Paste Input:粘贴框弹出,有删除按钮和行数计数。(这个在结尾作为彩蛋更新)

javascript隐藏和显示元素以及清空textarea

选中Upload File:上传按钮出现。(这个中文显示貌似跟随系统,再更新我会改掉 )不会改:)

javascript隐藏和显示元素以及清空textarea

代码其实naive,如下:

function onClickInputMethod() { var show = ""; var apm = document.getElementsByName("input_method_option"); for (var i = 0; i < apm.length; i++) { if (apm[i].checked) show = apm[i].value; } switch (show) { case "0": document.getElementById("paste_textarea").style.display = "block"; document.getElementById("upload_file").style.display = "none"; break; case "1": document.getElementById("paste_textarea").style.display = "none"; document.getElementById("upload_file").style.display = "block"; break; default: document.getElementById("paste_textarea").style.display = "none"; document.getElementById("upload_file").style.display = "none"; break; } }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwdjzp.html