带文本框的Asp.net RadioButtonList [英] Asp.net RadioButtonList with textbox
本文介绍了带文本框的Asp.net RadioButtonList的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试检查RadioButtonList，如果YE然后文本框启用，如果radiobuttonlist是否则文本框被禁用..我试过但检查后取消检查然后我的网页表格令人耳目一新，我不想要
解决方案
这可能对你有帮助....
< pre lang =xml> < html xmlns = http：//www.w3 .org / 1999 / xhtml >
< head runat = server >
< 标题 > 隐藏或显示DIV < / title >
< 样式 type = text / css >
.box
{
display：block;
border-radius：8px;
身高：150px;
宽度：300px;
border：2px solid lightgray;
保证金：0自动;
填充：3px;
头寸：固定;
cursor：move;
}
< / style >
< script 类型 = text / javascript >
function hideorshow（s）{
debugger;
if（s =='Show'）{
// var rdbs = document.getElementById（rdbShow）。checked;
// var rdbh = document.getElementById（rdbHide）。checked;
// if（rdbs == true）{
document.getElementById（'d1'）。style.display =block;
document.getElementById（'rdbHide'）。checked = false;
}
if（s =='Hide'）{
document.getElementById（'d1'）。style.display =none;
document.getElementById（'rdbShow'）。checked = false;
}
}
< / script >
< / head >
< 正文 >
< 表格 id = form1 runat = 服务器 >
< div align = center >
< p >
< 输入 类型 = radio onclick = hideorshow（'Show'）; id = rdbShow value = 显示 / >
< 输入 type = radio onclick = hideorshow（'隐藏'）; id = rdbHide value = 隐藏 / >
< div align = center < span class =code-attribute> style = display：none; < span class =code-attribute> class = box id = d1 >
< h1 >
您好，欢迎来到代码项目< span class =code-keyword>< / h1 >
< / div >
< / div >
< / form >
< / body >
< / html >
你只需要这样做
这是你的javascript函数
< script type < /秒pan> = text / javascript >
function hideorshow（s）{
debugger;
if（s =='Show'）{
// var rdbs = document.getElementById（rdbShow）。checked;
// var rdbh = document.getElementById（rdbHide）。checked;
// if（rdbs == true）{
document.getElementById（'d1'）。style.display =block;
document.getElementById（'rdbHide'）。checked = false;
}
if（s =='Hide'）{
document.getElementById（'d1'）。style.display =none;
document.getElementById（'rdbShow'）。checked = false;
}
返回false;
}
< / script >
看到我在函数末尾添加了 return false; 。
你必须只做
这是你的javascript函数
< script type = text / javascript >
function hideorshow（s）{
debugger;
if（s =='Show'）{
// var rdbs = document.getElementById （rdbShow）。checked;
// var rdbh = document.getElementById（rdbHide）。checked;
// if（rdbs == true）{
document.getElementById（'d1'）。style.display =block;
document.getElementById（'rdbHide'）。checked = false;
}
if（s =='Hide'）{
document.getElementById（'d1'）。style.display =none;
document.getElementById（'rdbShow'）。checked = false;
}
返回false;
}
< / script >
看到我在功能结束时添加了返回false; 。
和
< input type =radioonclick =return hideorshow（''Show''）;id =rdbShowvalue =Show/>
i am trying to Check On RadioButtonList, if YEs then textbox is enable and if radiobuttonlist is no then textbox is disable.. i tried but after check and un-check then my web form is refreshing that i don''t want
解决方案
This may help you....
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Hide OR Show DIV</title> <style type="text/css"> .box { display: block; border-radius: 8px; height: 150px; width: 300px; border: 2px solid lightgray; margin: 0 auto; padding: 3px; position: fixed; cursor: move; } </style> <script type="text/javascript"> function hideorshow(s) { debugger; if (s == 'Show') { // var rdbs = document.getElementById("rdbShow").checked; // var rdbh = document.getElementById("rdbHide").checked; // if (rdbs == true) { document.getElementById('d1').style.display = "block"; document.getElementById('rdbHide').checked = false; } if (s == 'Hide') { document.getElementById('d1').style.display = "none"; document.getElementById('rdbShow').checked = false; } } </script> </head> <body> <form id="form1" runat="server"> <div align="center"> <p> <input type="radio" onclick="hideorshow('Show');" id="rdbShow" value="Show" /> <input type="radio" onclick="hideorshow('Hide');" id="rdbHide" value="Hide" /> <div align="center" style="display: none;" class="box" id="d1"> <h1> Hello, Wel Come To Code Project</h1> </div> </div> </form> </body> </html>
you have to do this only
This is your javascript function
<script type="text/javascript"> function hideorshow(s) { debugger; if (s == 'Show') { // var rdbs = document.getElementById("rdbShow").checked; // var rdbh = document.getElementById("rdbHide").checked; // if (rdbs == true) { document.getElementById('d1').style.display = "block"; document.getElementById('rdbHide').checked = false; } if (s == 'Hide') { document.getElementById('d1').style.display = "none"; document.getElementById('rdbShow').checked = false; } return false; } </script>
see i added " return false; at the end of the function.
you have to do this only
This is your javascript function
<script type="text/javascript"> function hideorshow(s) { debugger; if (s == 'Show') { // var rdbs = document.getElementById("rdbShow").checked; // var rdbh = document.getElementById("rdbHide").checked; // if (rdbs == true) { document.getElementById('d1').style.display = "block"; document.getElementById('rdbHide').checked = false; } if (s == 'Hide') { document.getElementById('d1').style.display = "none"; document.getElementById('rdbShow').checked = false; } return false; } </script>
see i added " return false; at the end of the function.
and
<input type="radio" onclick="return hideorshow(''Show'');" id="rdbShow" value="Show" />
这篇关于带文本框的Asp.net RadioButtonList的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
