Password: Password:

ホームページ >ウェブフロントエンド >jsチュートリアル >JS を使用してテキスト フィールドの読み取り専用または書き込み可能属性を制御する方法とテクニック

JS を使用してテキスト フィールドの読み取り専用または書き込み可能属性を制御する方法とテクニック

怪我咯
怪我咯オリジナル
2018-05-21 11:00:212007ブラウズ


この記事の例では、テキストフィールドの読み取り専用または書き込み可能な属性を制御する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()"/>
匿名发表(免注册)
<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>

注:
読み取り専用と使用不可は通常は使用できません。使用できない場合は、読み取り専用を選択する必要はありません。適切に
HTML CHECKBOX コントロールでは使用できません ONCHANGE イベント、RADIO のみにあり、CHECKBOX には ONCLICK イベントのみがあります

以上がJS を使用してテキスト フィールドの読み取り専用または書き込み可能属性を制御する方法とテクニックの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。