JS控制输入框为只读的实例代码

发布时间:2020-09-14编辑:脚本学堂
分享一例js代码,控制页面中的输入框为只读,有需要的朋友参考下吧。

本节内容:
JS控制输入框为只读

前端的所有JS输入框都是input,所以可通过$("#table1 :input").attr("disabled",true);达到目的。

例子:
 

复制代码 代码示例:
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>输入框为只读-www.jb200.com</title> 
    <script src="/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>  
    <script type="text/javascript"> 
        function setDisabled(bo) { 
            $("#table1 :input").attr("disabled",bo); 
        } 
    </script> 
</head> 
<body> 
    <input id="Button1" type="button" value="启用" onclick="setDisabled(false)" /> 
    <input id="Button2" type="button" value="禁用" onclick="setDisabled(true)" /> 
    <table id="table1" > 
        <tr> 
            <td> 
                <input id="Text1" type="text" /> 
            </td> 
            <td> 
                <input id="Password1" type="password" /> 
            </td> 
        </tr> 
        <tr> 
            <td> 
                <select id="Select1"> 
                    <option>1</option> 
                </select> 
            </td> 
            <td> 
                <input id="checkbox1" type="checkbox" /> 
                <input id="Radio1" type="radio" /> 
            </td> 
        </tr> 
        <tr> 
            <td> 
                <input id="File1" type="file" /> 
            </td> 
            <td> 
                <textarea id="TextArea1" cols="20" rows="2"></textarea> 
            </td> 
        </tr> 
    </table> 
</body> 
</html>