如何使单选按钮工作两个任务

How to make radio button works two task?

本文关键字：两个 任务 何使 单选按钮 工作      更新时间：2023-09-26

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

这是我的代码，它将在单击单选按钮时启用文本框：

<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"。

在标记中应用checked和相应地disabled HTML 属性：

<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 -->

你不需要花哨的JavaScript来做到这一点：只需将checked添加到单选按钮，disabled到第二个文本框：

      
      check onclick="document.getElementById（'agree_ad'）.disabled = false;document.getElementById（'agree_bs'）.disabled = true;" type="radio" name="type1"><输入名称 类型="文本" 类="文本字段" 占位符="yyyy/mm/dd" id="agree_ad" /><输入>禁用名称="Agreement_bs" 类型="文本" 类="文本字段" 占位符="yyyy/mm/dd" id="agree_bs"/>

JSFiddle

相关文章：