在弹出窗口中使用单选按钮动态更改内容

我有两个单选按钮。第一个命名为电子邮件和第二个作为短信，所以当我点击电子邮件，它必须显示电子邮件输入框，同样的事情也适用于短信。

这里有一个解决方案

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <style type="text/css">
        .hidden {
            display: none;
        }
    </style>
    <script type="text/javascript">
        function showFields(id) {
            var emailFields = document.getElementById("emailFields");
            var smsFields = document.getElementById("smsFields");
            if (id == "email") {
                emailFields.style.display = "block";
                smsFields.style.display = "none";
            } else {
                smsFields.style.display = "block";
                emailFields.style.display = "none";
            }
        }
    </script>
</head>
<body>
<form action="#">
    <label>
        email
        <input name="selector" type="radio" id="email" onclick="showFields('email')">
    </label>
    <label>
        sms
        <input name="selector" type="radio" id="sms" onclick="showFields('sms')">
    </label>
    <fieldset class="hidden" id="emailFields">
        <legend>Email fields</legend>
        <input type="text" id="emailInput">
    </fieldset>
    <fieldset class="hidden" id="smsFields">
        <legend>SMS fields</legend>
        <input type="text" id="smsInput">
    </fieldset>
</form>
</body>
</html>

你可以在这里使用javascript提示符。

var varname=prompt("content ","default val");

引用这

或者你可以使用window.prompt()引用这个

相关内容

最新更新

热门标签：