控制隐藏和可用属性

最新推荐文章于 2021-02-26 03:24:26 发布

偷垃圾的猫

最新推荐文章于 2021-02-26 03:24:26 发布

阅读量323

点赞数

分类专栏： Js asp.net html css 文章标签： jquery javascript html css

本文链接：https://blog.csdn.net/cchhzzyy/article/details/77863243

版权

Js 同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

html

12 篇文章 0 订阅

订阅专栏

asp.net

7 篇文章 0 订阅

订阅专栏

用js和jQuery处理元素的隐藏属性和可用属性老是会混淆忘记，特意写个方便记忆。

jQuery写法：

  $(function () {
            $("#btnFg").on("click", function () {
                $("#btnFg").css('display', 'none');
                $("#divFg").css('display', 'block');
                $("#txtFeedBack").attr("disabled", false);
                $("#txtactualDate").attr("disabled", false);
            })
        });
  $("#btnFg").click(function(){ alert(1);})

js写法：

 function btnFg() {
            document.getElementById("btnFg").style.display = "none";
            document.getElementById("divFg").style.display = "block";
            document.getElementById("txtFeedBack").disabled = false;
            document.getElementById("txtactualDate").disabled = false;
        }

HTML

   <div style="margin-left:10px;width:30px;" class="Button" id="btnFg" onclick="btnFg();">反馈</div>
        <div style="margin-left :10px;display:none;" id="divFg">
        <table style="width:100%;">
         <tr><td class="td2">反馈</td></tr> 
         <tr><td class="td1"><span class ="null">空空</span>反馈信息</td>   
            <td><div class="divAA" >
            <asp:TextBox ID="txtFeedBack" runat="server"  TextMode="MultiLine"  CssClass="textAA"  disabled ="true" 
                oninput="if(value.length>500)value=value.slice(0,500)" ></asp:TextBox></div></td>
            </tr>
            <tr> 
                <td class="td1"><span class ="null">空空</span>实际完成日期</td>   
                <td><div class="divText" ><asp:TextBox ID="txtactualDate" runat="server"  CssClass="Text"  disabled ="true"></asp:TextBox></div></td>
            </tr>
       </table>
       </div>