HERMES エルメス 香水 コロン

HERMES エルメス 香水 コロン

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

目次 Catalyst 完全防水 iPhone13Pro">
  ジョニー・デップ DVDセット&パイレーツ・オブ・カリビアンシリーズパンフレット">
  CalvinKlein/カシミヤ100%ロングコート">
  AirPods Pro">

Hermès | Twilly Bracelet

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

コード
上記サンプルのコードです。
<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行目は、文字の色を白にしています。

Top 4 BEST Terre D'Hermes Fragrances Ranked #Shorts

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

コード
上記サンプルのコードです。
<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行目は、文字の色を白にしています。

HERMÈS UNBOXING - Aloha sandal \u0026 twilly

「活性/非活性」のボタンを押すとテキストボックスが活性と非活性で切り替わります。
非活性のとき、テキストボックスに入力できません。この非活性は、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は値が送信されます。
関連の記事
明治 ステップ らくらくキューブ60箱300本">

専用メキシコロストラータ発根済み鉢下から140cm株"> 【フランス製】OUTIL ウティ コットンウールジャケット 黒 0サイズ"> BLEACH ブリーチ 全巻">
【Hermès】スタイリスト金子綾が長年集めているエルメスの7アイテムを紹介します【愛用】

エルメスのフレグランスコレクション「コロン エルメス」に新作が エルメスの「コロン エルメス」から新作オーデコロン登場 バジルの エルメス香水のおすすめランキング15選!レディース・メンズ・セット エルメスの香水おすすめ15選。ユニセックスで使える人気の香りをご紹介エルメスの香水おすすめ15選。ユニセックスで使える人気の香りをご紹介HERMES(エルメス)の人気香水ランキング10選!おすすめの香りをご紹介 HERMES(エルメス)の人気香水ランキング10選!おすすめの香りをご紹介 エルメスの香水おすすめ15選。ユニセックスで使える人気の香りをご紹介エルメスの香水おすすめ15選。ユニセックスで使える人気の香りをご紹介HERMES(エルメス)の人気香水ランキング10選!おすすめの香りをご紹介 男性向け】エルメスのメンズ香水おすすめ人気ランキング | Smartlog男性向け】エルメスのメンズ香水おすすめ人気ランキング | Smartlogエルメス(HERMES)香水の人気ランキングTOP10!ナイルの庭・セット 男性向け】エルメスのメンズ香水おすすめ人気ランキング | Smartlogエルメスの香水おすすめ15選。ユニセックスで使える人気の香りをご紹介エルメス(HERMES)香水の人気ランキングTOP10!ナイルの庭・セット エルメスのフレグランスコレクション「コロン エルメス」に新作が エルメスの香水おすすめ15選。ユニセックスで使える人気の香りをご紹介男性向け】エルメスのメンズ香水おすすめ人気ランキング | Smartlogコロン エルメス」の真昼から真夜中まで香る新作の魅力 - WWDJAPAN

【GU購入品】モヘモヘニットで秋冬🤎バッチ来ーい❄️🧶

エルメス×マルジェラ展に潜入!貴重なアーカイブコレクション【HERMES× Margiela】
エルパト【24〜43回目】フリーで遂に…◯◯◯◯ バーキン?ケリー?ピコタン?Hermes本命バッグが…🎉登録者数200人突破🎉エルメス好き必見の内容です!!

ワイヤレスヘッドホン WH-1000XM4 ブラック">