用户选择单选按钮后需要电话或电子邮件输入答案

【问题标题】：Making a phone or email input required after user selects radio button用户选择单选按钮后需要电话或电子邮件输入
【发布时间】：2020-03-27 20:21:56
【问题描述】：

我有两个单选按钮。一个用于电话，一个用于电子邮件。无论用户选择哪个按钮，该字段都会更改为必填，用户必须填写它。有人可以帮我通过 Javascript 创建它吗？我将不胜感激！！

这是我的 HTML

            <input type="radio" id="phone" name="phone">
            <input type="radio" id="email" name="email">

【问题讨论】：

单选按钮应该具有相同的name，否则它们都只是组中的一个选项。 value 可以是“电话”和“电子邮件”。
到目前为止你有什么尝试？
修正了名称，谢谢。这是我尝试过的。 if (document.getElementById("emailbtn").checked == true) { alert("请输入邮箱");返回假； }

标签： javascript forms radio required fieldset

【解决方案1】：

在 StackOverflow 上，我们乐于帮助其他开发人员，但不是免费“工作”。与其编写代码，我更愿意为您指明正确的方向。

您可能正在寻找：

addEventListener
根据event type，在您的情况下应该是change（请参阅链接文档的“示例”部分）。

【讨论】：

【解决方案2】：

这可以使用javascript和css属性来实现，请按照下面的代码sn-p：

function yesnoCheck() {
    if (document.getElementById('yesCheck').checked) {
        document.getElementById('ifYes').style.display = 'block';
        document.getElementById('ifNo').style.display = 'none';
    }
    else if (document.getElementById('noCheck').checked) {
        document.getElementById('ifNo').style.display = 'block';
        document.getElementById('ifYes').style.display = 'none';
    }

}

Yes <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck">
No <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck">
<br>
    <div id="ifYes" style="display:none">
        <input placeholder='phone' type='text' id='phone' name='phone'>
    </div>
    <div id="ifNo" style="display:none">
        <input placeholder='email' type='text' id='email' name='email'>
    </div>

【讨论】：