选择单选按钮时显示的文本框 [英] Text box to appear when a radio button is selected
本文介绍了选择单选按钮时显示的文本框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想在选择单选按钮时显示一个文本框 yes .这就是我的代码的样子;
注意地址?<br>Yes否<input type="radio" name="radio1" value="No" onclick="getResults(this)"><div class="text"><p>地址行 1 <input type="text" name="text1" id="text1" maxlength="30"></p></div><div class="text"><p>地址第2行<input type="text" name="text2" id="text2" maxlength="30"></p></div><div class="text"><p>地址第3行<input type="text" name="text3" id="text3" maxlength="30"></p></div><div class="text"><p>地址第4行<input type="text" name="text4" id="text4" maxlength="30"></p></div><div class="text"><p>邮政编码 <input type="text" name="text5" id="text5" maxlength="30"></p></div><脚本>(文档).准备好(功能(){(".text").hide()});函数 getResults(elem) {elem.checked &&elem.value == "是" ?(".text").show() : (".text").hide();};
谁能帮帮我
阿比
解决方案
试试这个:
function ShowHideDiv() {var chkYes = document.getElementById("chkYes");var dvtext = document.getElementById("dvtext");dvtext.style.display = chkYes.checked ?块":无";}
I want to get a text box to appear when a radio button is selected yes . This is what my code looks like;
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>
Can anyone help me
Abi
解决方案
Try this:
function ShowHideDiv() {
var chkYes = document.getElementById("chkYes");
var dvtext = document.getElementById("dvtext");
dvtext.style.display = chkYes.checked ? "block" : "none";
}
<label for="chkYes">
<input type="radio" id="chkYes" name="chk" onclick="ShowHideDiv()" />
Yes
</label>
<label for="chkNo">
<input type="radio" id="chkNo" name="chk" onclick="ShowHideDiv()" />
No
</label>
<div id="dvtext" style="display: none">
Text Box:
<input type="text" id="txtBox" />
</div>
这篇关于选择单选按钮时显示的文本框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文