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