Javascript 选择单选按钮时显示的文本框

我想在选择单选按钮“是”时显示一个文本框。这就是我的代码的样子

Care of Address? <br>
Yes<input type="radio" name="radio1" value="Yes" onClick="getResults(this)">
No<input type="radio" name="radio1" value="No" onclick="getResults(this)">

<div class="text"><p>Address Line 1  <input type="text" name="text1" id="text1" maxlength="30"></p></div>
<div class="text"><p>Address Line 2 <input type="text" name="text2" id="text2" maxlength="30"></p></div>
<div class="text"><p>Address Line 3  <input type="text" name="text3" id="text3" maxlength="30"></p></div>
<div class="text"><p>Address Line 4 <input type="text" name="text4" id="text4" maxlength="30"></p></div>
<div class="text"><p>Postcode  <input type="text" name="text5" id="text5" maxlength="30"></p></div>

<script> 
    (document).ready(function() {
        (".text").hide()

    });
    function getResults(elem) {
        elem.checked && elem.value == "Yes" ? (".text").show() : (".text").hide();
    };
    </script>

转交地址

对
不
地址行1

地址行2

地址行3

地址行4

邮政编码

（文档）.就绪（函数（）{
（“.text”）.hide（）
});
函数getResults（elem）{
elem.checked&&elem.value==“是”？（.text”）.show（）：（.text”）.hide（）；
};

有人能帮我吗

---

Abi

您似乎没有在（文档）之前以及（.text）之前添加$before。 请添加$，看看它是否有效。 所以你的脚本会变成

<script> 
$(document).ready(function() {
    $(".text").hide();

});
function getResults(elem) {
    elem.checked && elem.value == "Yes" ? $(".text").show() : $(".text").hide();
};
</script>

$（文档）.ready（函数（）{
$（“.text”）.hide（）；
});
函数getResults（elem）{
elem.checked&&elem.value==“是”？$（.text”）.show（）：$（.text”）.hide（）；
};

希望这有帮助。

jquery

$('.no, .yes').click(function() {
   if($('.no').is(':checked')) {
     $('.adrs').hide();
    }
    if ($('.yes').is(':checked')){
         $('.adrs').show();
    }
});

我将类yes添加到yes单选按钮，将no添加到no单选按钮。Alos我将ADR类添加到作为地址的文本字段中。然后根据类别，我隐藏或显示地址

试试这个：

函数ShowHideDiv（）{
var chkYes=document.getElementById（“chkYes”）；
var dvtext=document.getElementById（“dvtext”）；
dvtext.style.display=chkYes.checked？“块”：“无”；
}

对
不
文本框：

这就是你应该做的

div.text{显示：无} 转交地址

对 没有

地址行1

地址行2

地址行3

地址行4

邮政编码

函数getResults（elem）{ elem.checked&&elem.value==“是”？$（.text”）.show（）：$（.text”）.hide（）； }; 这是给你的小提琴

您可以通过将单选按钮与单击事件绑定在一起来实现这一点，如下所示

$('#rdYes').on('click', function() {
  $(".text").show();
});

$('#rdNo').on('click', function() {
  $(".text").hide();
});

这是你的HTML。最好用标签标签包装输入类型。而且，若要先隐藏元素，那个么请尝试在DOM渲染时隐藏，而不是在DOM准备好防止闪烁之后

Care of Address?
<br>
<label for="rdYes">Yes</label>

<input id="rdYes" type="radio" name="radio1" value="Yes" onClick="getResults(this)">
<label for="rdNo">No</label>
<input id="rdNo" type="radio" name="radio1" value="No" onclick="getResults(this)" checked="checked">
<div class="text" style="display:none;">
  <p>Address Line 1
    <input type="text" name="text1" id="text1" maxlength="30">
  </p>
</div>

转交地址？


对
不
地址行1

您甚至不需要JavaScript，更不用说JQuery或Vue了

#dvtext{
显示：无；
}
#chkYes:选中~#dvtext{
显示：块；
}

对
不
文本框：

我应该为（$“.text”）这样的所有（.text”）执行此操作吗？我已经更新了我的评论并提供了完整的脚本。@Abi，您尝试过上面的脚本吗？您可以使用Vue.js执行此操作。这很容易。请看这里的文档。。。当只有“是”是票证时，地址行始终显示，而不显示？谢谢你将需要添加显示无类文本检查链接伟大，帮助了我。谢谢你，阿比：）

Care of Address?
<br>
<label for="rdYes">Yes</label>

<input id="rdYes" type="radio" name="radio1" value="Yes" onClick="getResults(this)">
<label for="rdNo">No</label>
<input id="rdNo" type="radio" name="radio1" value="No" onclick="getResults(this)" checked="checked">
<div class="text" style="display:none;">
  <p>Address Line 1
    <input type="text" name="text1" id="text1" maxlength="30">
  </p>
</div>