js 控制textbox的显示与隐藏
2010-03-15 20:28
543 查看
aspx: (如果radiobutton 为同1 group的,最好写2个js函数 分别判断每个的点击)
<asp:Radiobutton id="radiobutton1" runat="server" />
<asp:Radiobutton id=" radiobutton2" runat="server" />
<asp:Textbox id="text" runat="server" />
js:
function visible1() {
var d = document.getElementById("rbLocked"); //rblocked,rbpredefined 为同一group 的的 radiobutton id
var b = document.getElementById("rbPredefined");
var e = document.getElementById("locktextbox");
// alert(document.getElementById("locktextbox"));
// alert(document.getElementById("txtInventory")); //变量大小写
if (d.checked == true && b.checked==false) {
document.getElementById("locktextbox").disabled="" // = "visible"; lblock
document.getElementById("lblock").disabled = "";
document.getElementById("txtInventory").disabled = "disabled";
document.getElementById("txtInventory").value = "";
// document.getElementById("txtInventory").style.visibility = "hidden";
// alert(e.style.visibility);
}
}
function visible2() {
var d = document.getElementById("rbLocked");
var b = document.getElementById("rbPredefined");
var e = document.getElementById("locktextbox");
if ( b.checked ) {
document.getElementById("locktextbox").disabled="disabled"; // = "visible";
document.getElementById("lblock").disabled = "disabled";
document.getElementById("txtInventory").disabled = "";
document.getElementById("locktextbox").value = "";
// document.getElementById("txtInventory").style.visibility = "visible";
// alert(e.style.visibility);
}
}
C#:
后台添加radiobutton的onclick属性
rbLocked.Attributes.Add("onclick", "visible1()");
rbPredefined.Attributes.Add("onclick", "visible2()");
<asp:Radiobutton id="radiobutton1" runat="server" />
<asp:Radiobutton id=" radiobutton2" runat="server" />
<asp:Textbox id="text" runat="server" />
js:
function visible1() {
var d = document.getElementById("rbLocked"); //rblocked,rbpredefined 为同一group 的的 radiobutton id
var b = document.getElementById("rbPredefined");
var e = document.getElementById("locktextbox");
// alert(document.getElementById("locktextbox"));
// alert(document.getElementById("txtInventory")); //变量大小写
if (d.checked == true && b.checked==false) {
document.getElementById("locktextbox").disabled="" // = "visible"; lblock
document.getElementById("lblock").disabled = "";
document.getElementById("txtInventory").disabled = "disabled";
document.getElementById("txtInventory").value = "";
// document.getElementById("txtInventory").style.visibility = "hidden";
// alert(e.style.visibility);
}
}
function visible2() {
var d = document.getElementById("rbLocked");
var b = document.getElementById("rbPredefined");
var e = document.getElementById("locktextbox");
if ( b.checked ) {
document.getElementById("locktextbox").disabled="disabled"; // = "visible";
document.getElementById("lblock").disabled = "disabled";
document.getElementById("txtInventory").disabled = "";
document.getElementById("locktextbox").value = "";
// document.getElementById("txtInventory").style.visibility = "visible";
// alert(e.style.visibility);
}
}
C#:
后台添加radiobutton的onclick属性
rbLocked.Attributes.Add("onclick", "visible1()");
rbPredefined.Attributes.Add("onclick", "visible2()");
相关文章推荐
- js控制li的隐藏和显示
- JS控制表格某行隐藏或显示后页面布局错乱
- js控制html控件显示隐藏和是否可用
- js控制div显示与隐藏
- js控制div显示与隐藏
- JS控制EasyUI插件的隐藏和显示
- js 控制div的隐藏与显示
- js控制元素隐藏显示,显示时不用display=block
- js动态控制表单的tr,td的显示和隐藏
- JS控制表格的列显示和隐藏
- 通过radio和js控制div里的内容显示或者隐藏
- JS控制显示隐藏层
- JS控制文本框中的密码显示/隐藏功能
- js控制dd的隐藏与显示
- js控制div显示与隐藏
- js控制页面元素的隐藏与显示
- JS控制HTML元素的显示和隐藏的两种方法
- js控制div的隐藏和显示
- js 控制 页面控件 显示 隐藏
- js tr控制下面的tbody隐藏和显示