当前希望写一个单选框,选中“paste”则显示粘贴框,选中“upload”则提示选择文件。
因为这两种情况只是显示不同,所以只需要用javascript来进行显示和隐藏。
最后的结果大概这样:
初始时,两个都不选中,所以粘贴框和上传按钮都不存在。
选中Paste Input:粘贴框弹出,有删除按钮和行数计数。(这个在结尾作为彩蛋更新)
选中Upload File:上传按钮出现。(这个中文显示貌似跟随系统,再更新我会改掉 )不会改:)
代码其实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; } }