javascript - 如何让单选按钮工作两个任务？

Question

我制作了一个带有两个单选按钮、两个文本框的表单，当单击一个单选按钮时，一个文本框被启用，另一个将被禁用。但是如何让单选按钮在单击单选按钮之前在开始时被选中？

这是我的代码，当单击单选按钮时将启用一个文本框:

<input onclick="document.getElementById('agree_ad').disabled = false; document.getElementById('agree_bs').disabled = true;" type="radio" name="type1">

<input name="Agreement_ad" type="text" class="textField" placeholder="yyyy/mm/dd" id="agree_ad" />

<input onclick="document.getElementById('agree_ad').disabled = true; document.getElementById('agree_bs').disabled = false;" type="radio" name="type1" value="customurl1">

<input name="Agreement_bs" type="text" class="textField" placeholder="yyyy/mm/dd" id="agree_bs" />

在触发点击事件之前，我应该怎么做才能让第一个单选按钮被点击并默认禁用文本框 id="agree_bs"。

Answer 1

在您的标记中相应地应用 HTML 属性 checked 和 disabled:

<input type="radio" name="foo" checked />    <!-- this is checked -->
<input type="radio" name="foo" />            <!-- this isn't checked -->

<br>

<input type="text" disabled />    <!-- this is disabled -->
<input type="text" />             <!-- this isn't disabled -->