输入字段禁用,直到选中单选按钮 (HTML)

2023-12-30

我有两个字段,其中一个是文本输入字段,另一个是选择标签。 问题是我只想启用其中之一 用户应通过单击上面的单选按钮之一来选择启用哪一项。

因此,如果用户选择第一个单选按钮,输入字段将被启用 如果他选择第二个,则选择标签将被启用。

这是我的代码:

        <input type="radio" name="type" value="customurl">wanna custom url?
        <input type="text" name="custom" placeholder="should be 5 charecters at least" >
        <br><br>
        <input type="radio" name="type" value="customurl">random?
        <select name="charstype">
            <option>Letters</option>
            <option>Number</option>
        </select>

您将需要使用 JavaScript。您提供的代码中最短的方法是将 ID 属性附加到选择字段和输入字段,并通过“onclick”事件禁用/启用它们。

<input onclick="document.getElementById('custom').disabled = false; document.getElementById('charstype').disabled = true;" type="radio" name="type" checked="checked">wanna custom url?
<input type="text" name="custom" id="custom" placeholder="should be 5 charecters at least" >
<br><br>
<input onclick="document.getElementById('custom').disabled = true; document.getElementById('charstype').disabled = false;" type="radio" name="type" value="customurl">random?
<select name="charstype" id="charstype" disabled="disabled">
       <option>Letters</option>
       <option>Number</option>
</select>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

输入字段禁用,直到选中单选按钮 (HTML) 的相关文章