JS控制文本域只讀或可寫屬性的方法

更新時(shí)間：2016年06月24日 11:00:10 作者：yiluoAK_47

這篇文章主要介紹了JS控制文本域只讀或可寫屬性的方法,涉及javascript針對(duì)頁(yè)面元素屬性的動(dòng)態(tài)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS控制文本域只讀或可寫屬性的方法。分享給大家供大家參考，具體如下：

<input id="username" name="userneme" type="text" style="width:50px" size=106>
密碼:<input id="userpwd" type="text" name="userpwd" size=106 style="width:50px">
<input name="content" type="checkbox")" value="checkbox" onclick="changeCheck()"/>
匿名發(fā)表(免注冊(cè))
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeCheck()
{
var aa=document.getElementById("username");
var bb=document.getElementById("userpwd");
var cc=document.getElementById("content");
if(cc.checked)
{
aa.readonly=true;
bb.readonly=true;
aa.disabled = true;
bb.disabled = true;
}
else
{
aa.readonly=false;
bb.readonly=false;
aa.disabled = false;
bb.disabled = false;
}
}
//-->
</SCRIPT>

注意：

在上面只讀和不可用一般不可以用了就不用只讀了，可以適當(dāng)選取
在HTML的CHECKBOX控件中是沒有ONCHANGE事件，只有RADIO才有，CHECKBOX只有ONCLICK事件

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)復(fù)制粘貼文字及圖片功能
Clipboard?API?是一組用于在瀏覽器中操作剪貼板的?JavaScript?API,它允許開發(fā)者在網(wǎng)頁(yè)上讀取和寫入剪貼板內(nèi)容,實(shí)現(xiàn)復(fù)制、剪切和粘貼等功能,這篇文章主要介紹了JS實(shí)現(xiàn)復(fù)制粘貼文字及圖片功能,需要的朋友可以參考下
2024-07-07
JavaScript 實(shí)現(xiàn)鍋拍灰太狼小游戲
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)鍋拍灰太狼小游戲,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-09-09
javascript算法題：求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào)
這篇文章主要介紹了javascript算法題：求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào),需要的朋友可以參考下
2015-04-04
JS的反射問題
兩個(gè)等號(hào)直接比較值，但是類型不能相互轉(zhuǎn)換的時(shí)候報(bào)錯(cuò)
2010-04-04
JS簡(jiǎn)單實(shí)現(xiàn)滑動(dòng)加載數(shù)據(jù)的方法示例
這篇文章主要介紹了JS簡(jiǎn)單實(shí)現(xiàn)滑動(dòng)加載數(shù)據(jù)的方法,涉及javascript事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2017-10-10
瀑布流布局代碼一例
提起瀑布流布局想必大家并不陌生吧，其實(shí)呢？原理也就那樣，下面有個(gè)小例子，與大家分享
2014-04-04
JavaScript 關(guān)于元素獲取焦點(diǎn)(隱藏元素與div)
關(guān)于元素獲取焦點(diǎn)要注意2個(gè)小問題，需要的朋友可以參考下。
2011-01-01
JS實(shí)現(xiàn)日期時(shí)間動(dòng)態(tài)顯示的方法
這篇文章主要介紹了JS實(shí)現(xiàn)日期時(shí)間動(dòng)態(tài)顯示的方法,涉及JavaScript基于時(shí)間函數(shù)定時(shí)操作頁(yè)面元素屬性的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-12-12
JSONP原理及應(yīng)用實(shí)例詳解
這篇文章主要介紹了JSONP原理及應(yīng)用實(shí)例詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-09-09
微信小程序?qū)W習(xí)總結(jié)（一）項(xiàng)目創(chuàng)建與目錄結(jié)構(gòu)分析
這篇文章主要介紹了微信小程序?qū)W習(xí)總結(jié)（一）項(xiàng)目創(chuàng)建與目錄結(jié)構(gòu),總結(jié)分析了微信小程序項(xiàng)目創(chuàng)建、配置方法以及目錄結(jié)構(gòu)、文件功能,需要的朋友可以參考下
2020-06-06