Javascript 如果单击单选按钮，如何使不可见的文本框可见？

我写了一个asp C#Web应用程序

如果单击某个单选按钮，我需要在asp文本框中“淡入淡出”。（我一单击单选按钮，它们就需要淡入）。我该怎么做？。我应该使用JS吗

试试这个

1） 您的HTML

<p>Show textboxes
    <input type="radio" name="radio1" id="r1" value="Show">Do nothing
    <input type="radio" name="radio1" id="r2" value="Nothing">
</p>Wonderful textboxes:
<div class="text">
    <p>Textbox #1
        <input type="text" name="text1" id="text1" maxlength="30">
    </p>
</div>
<div class="text">
    <p>Textbox #2
        <input type="text" name="text2" id="text2" maxlength="30">
    </p>
</div>

---

您可以使用JavaScript创建“行为”，并使用CSS添加样式和效果

这里是一个使用简单JavaScript的示例，不需要jQuery或其他库。脚本假定您正在使用

可见性

和

不透明度

的组合来隐藏元素

它是这样工作的：

• 收听单选按钮上的事件

  change

• 当用户选择单选按钮时
• 选择单选按钮并添加类

  淡出

• CSS类

  fadeout

  包含创建动画效果的过渡

CSS转换，提供了一种控制动画速度的方法 更改CSS属性。而不是进行属性更改 立即生效，可以使属性中的更改生效 放置在一段时间内。在这里阅读更多

var txtBox=document.getElementById（'txtBox'）；
var radioMale=document.getElementById（'radioMale'）；
radioMale.addEventListener（'change'，function（）{
类列表添加（'fadeout'）；
}.约束（这个）
.fadeout{
可见性：隐藏；
不透明度：0；
过渡：可见度0s 1s，不透明度1s线性；
}
男性



您正在尝试的内容
$（收音机）.on（'change'，function（）{$（':input:hidden'）.toggle（this.checked）；}）
您的文本框在asp.net中是什么样子的？文本框示例：@arg0nh它是如何隐藏的？用CSS？
  $(document).ready(function () {
    $("#r1").click(function () {
        $(".text").fadeIn();
    });
    $("#r2").click(function () {
        $(".text").fadeOut();
    });
});