js 控制textbox的显示与隐藏

aspx:      (如果radiobutton 为同1 group的,最好写2个js函数 分别判断每个的点击)

 

            

 

            

             

 

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 控制textbox的显示与隐藏)