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

Question

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

这是我的 HTML

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

标签： javascriptformsradiorequiredfieldset

Answer 1

这可以使用 javascript 和 css 属性来实现，请遵循以下代码片段：

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>