♡美品 theory luxe ジャケット ウール100% LL 42 秋冬

♡美品 theory luxe ジャケット ウール100% LL 42 秋冬

JavaScriptの要素を活性または非活性にするサンプルです。
disabledまたはreadOnlyを使用します。

目次 【極美品】CELINE セリーヌ スーツセットアップ上下 キッズ 100">
  エアコンプレッサ iwata studioseries">
  (美品!) Dior ディオール CDロゴ 金箔柄 サングラス">
  VOICOM ボルコム レディース スノボウェア 上下セット 黒 ブラック">

Uniqlo U系列2022秋冬开箱|多肉女孩试穿10+件又踩几次雷呢?|男装也太好看了 Uniqlo U Try On Haul

「活性/非活性」のボタンを押すと「ボタン」が活性と非活性で切り替わります。
非活性のとき、ボタンは押せません。

コード
上記サンプルのコードです。
<input type="button" value="活性/非活性" onclick="clickBtn1()"> <input type="button" id="b1" value="ボタン"> <script> function clickBtn1(){ if (document.getElementById("b1").disabled === true){ // disabled属性を削除 document.getElementById("b1").removeAttribute("disabled"); document.getElementById("b1").style.color = "black"; }else{ // disabled属性を設定 document.getElementById("b1").setAttribute("disabled", true); document.getElementById("b1").style.color = "White"; </script>

1行目のボタンをクリックすると5行目の関数を実行します。
7行目は、disabledになっているか確認しています。
9行目は、disabled属性を削除しています。
10行目は、文字の色を黒にしています。
13行目は、属性にdisabledをtrueで追加しています。
14行目は、文字の色を白にしています。

INSTAGRAM LIVE

「活性/非活性」のボタンを押すとテキストボックスが活性と非活性で切り替わります。
非活性のとき、テキストボックスに入力できません。

コード
上記サンプルのコードです。
<input type="textbox" id="b2" value="テキスト" maxlength="5"> <input type="button" value="活性/非活性" onclick="clickBtn2()"> <script> function clickBtn2(){ if (document.getElementById("b2").disabled === true){ // disabled属性を削除 document.getElementById("b2").removeAttribute("disabled"); document.getElementById("b2").style.color = "black"; }else{ // disabled属性を設定 document.getElementById("b2").setAttribute("disabled", true); document.getElementById("b2").style.color = "White"; </script>

2行目のボタンをクリックすると5行目の関数を実行します。
7行目は、disabledになっているか確認しています。
9行目は、disabled属性を削除しています。
10行目は、文字の色を黒にしています。
13行目は、属性にdisabledをtrueで追加しています。
14行目は、文字の色を白にしています。

【オシャレ迷子の30代・40代・50代の方へ】大人の綺麗目カジュアルを叶える最新セオリーリュクスアイテム、一挙大公開!!

「活性/非活性」のボタンを押すとテキストボックスが活性と非活性で切り替わります。
非活性のとき、テキストボックスに入力できません。この非活性は、readOnlyです。

コード
上記サンプルのコードです。
<input type="textbox" id="b3" value="テキスト" maxlength="5"> <input type="button" value="活性/非活性" onclick="clickBtn3()"> <script> function clickBtn3(){ if (document.getElementById("b3").readOnly === true){ // readonly属性を削除 document.getElementById("b3").removeAttribute("readOnly"); document.getElementById("b3").style.background = "white"; document.getElementById("b3").style.color = "black"; }else{ // readonly属性を設定 document.getElementById("b3").setAttribute("readOnly", true); document.getElementById("b3").style.background = 'rgb(235,235,228)'; document.getElementById("b3").style.color = 'rgb(255,255,255)'; </script>

2行目のボタンをクリックすると5行目の関数を実行します。
7行目は、readOnlyになっているか確認しています。
9行目は、readOnly属性を削除しています。
10行目は、背景色を白にしています。
11行目は、文字の色を黒にしています。
14行目は、属性にreadOnlyをtrueで追加しています。
15行目は、背景色を灰色にしています。
16行目は、文字の色を白にしています。

安藤美姫の娘の長年隠されてきた本当の父親が判明…凄すぎる人物に驚きを隠せない…「未婚」のままでいる理由に一同驚愕…

両方ともユーザーからの入力は不可です。
WebシステムでPost送信したとき、disabledは値が送信されません。readOnlyは値が送信されます。
関連の記事
フレイアイディー ワンピース">

テディベア 猫 ねこ ぬいぐるみ ハンドメイド アンティーク モヘア"> OBERMEYER 90s レディース サーモライトアウター スキージャケット"> 新品 ジュエルチェンジズ フォーマル スーツ セットアップ">
春季大型购物分享Part 2 | 百搭西服外套 | 春夏新包 | 三宅一生新色 | 优衣库 | Toteme小白鞋 VS Maison Margiela德训鞋 | 棋盘格衬衫 | Sezane

49%割引S最新な theory luxe 20AW セオリーリュクス ダブルフェイス 2ページ目)Theory luxe | Precious.jp(プレシャス)2ページ目)Theory luxe | Precious.jp(プレシャス)48%割引M誠実 美品□theory luxe/セオリーリュクス□女優襟・切替 FAVORITE SWEATERS vol.2 | Theory luxe(セオリーリュクス)公式通販 2ページ目)Theory luxe | Precious.jp(プレシャス)48%割引M誠実 美品□theory luxe/セオリーリュクス□女優襟・切替 48%割引M誠実 美品□theory luxe/セオリーリュクス□女優襟・切替 48%割引M誠実 美品□theory luxe/セオリーリュクス□女優襟・切替 48%割引M誠実 美品□theory luxe/セオリーリュクス□女優襟・切替 49%割引S最新な theory luxe 20AW セオリーリュクス ダブルフェイス 2ページ目)Theory luxe | Precious.jp(プレシャス)49%割引S最新な theory luxe 20AW セオリーリュクス ダブルフェイス FAVORITE SWEATERS vol.2 | Theory luxe(セオリーリュクス)公式通販 FAVORITE SWEATERS vol.2 | Theory luxe(セオリーリュクス)公式通販 カタログ掲載 現行モデル セオリーリュクスボートネックプルオーバー FAVORITE SWEATERS vol.2 | Theory luxe(セオリーリュクス)公式通販 FAVORITE SWEATERS vol.2 | Theory luxe(セオリーリュクス)公式通販 FAVORITE SWEATERS vol.2 | Theory luxe(セオリーリュクス)公式通販 2ページ目)Theory luxe | Precious.jp(プレシャス)

春服ショッピング【7コーデ紹介】

小香风 \u0026 Celine风粗花呢外套合集与穿搭思路 | 日常简约搭配 | 满满干货 小香风外套的时髦不费力穿搭基本点 | Tweed Jacket Outfits and Collection
ジャケット初心者の為の着こなし術!今年の秋冬にオススメのコーディーネート紹介~Octet Men'sFashion Channel~

Reasnows1">