JS--JS動態效果

1 隱藏一個標籤

<input type="text" id="input01"/>
    <input type="button" onclick="hiddenInput()" value="隱藏">    
    <input type="button" onclick="visiInput()" value="顯示">
    <script type="text/javascript">
        function hiddenInput() {
            $("#input01").css("display", "none");
        }
        function visiInput() {
            $("#input01").css("display", "block");
        }
    </script>

2 讓input不可輸入與可輸入

<input type="text" id="input02">
    <input type="button" onclick="noCanEditor()" value="不可輸入">  
    <input type="button" onclick="canEditor()" value="可輸入">
    <script type="text/javascript">
        function noCanEditor(){
            alert(1);
            $("#input02").attr('readonly',true);
        }
        function canEditor(){
            alert(2);
            $("#input02").attr('readonly',false);
        }
    </script>

3 禁用一個按鈕

    <input type="button" value="按鈕" id="text03">
    <input type="button" value="禁用" onclick="disabledButton()">
    <input type="button" value="取消禁用" onclick="abledButton()">
    <script type="text/javascript">
        function disabledButton(){
            $("#text03").attr('disabled',true);
        }
        function abledButton(){
            $("#text03").attr('disabled',false);
        }
    </script>

參考：http://www.cnblogs.com/yangcclg/p/6102397.html