バングル ブレスレット シルバー ハンドメイド トゥアレグ族

バングル ブレスレット シルバー ハンドメイド トゥアレグ族

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

目次 無印良品◆トレーナー">
  フレンチ コーヒーポット JAPY">
  アレキサンドルドゥパリALEXANDRE カメリア パール バレッタ">
  レディース 量産型コーデ まとめ売り">

鍛金(たんきん)で作るシルバーバングル制作風景|Making a Forged Silver Bracelet・How To Make an Silver Wristband

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

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

待望の新規ジュエリーブランド入荷Adawat’n Tuareg

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

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

真鍮棒でバングルを作ってみた!"アクセサリー"ブレスレット"メタルワーク

「活性/非活性」のボタンを押すとテキストボックスが活性と非活性で切り替わります。
非活性のとき、テキストボックスに入力できません。この非活性は、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行目は、文字の色を白にしています。

How to make a silver and turquoise inlay ring without a lathe

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

Tods sella バッグ">限定最終値下げ人気商品HOLIDAYリメイクパーカー">マクドナルド 株主優待 5冊 有効期間2023.3.31">
コインリング 古銭の指輪 の作り方 How to make a Japanese coin ring.

品質検査済 【トゥアレグ族】H型 バングル バングル/リストバンド 品質検査済 【トゥアレグ族】H型 バングル バングル/リストバンド Adawat'n Tuareg アダワットゥン トゥアレグ バングル シルバー H型 ハンドメイド Botam-Toussaght/ボタム トゥサハト | 菅原靴店 (Sugawara Ltd)品質検査済 【トゥアレグ族】H型 バングル バングル/リストバンド 上品】 シルバー925 バングル トゥアレグ族 - バングル/リストバンド上品】 シルバー925 バングル トゥアレグ族 - バングル/リストバンド上品】 シルバー925 バングル トゥアレグ族 - バングル/リストバンド品質検査済 【トゥアレグ族】H型 バングル バングル/リストバンド 品質検査済 【トゥアレグ族】H型 バングル バングル/リストバンド 上品】 シルバー925 バングル トゥアレグ族 - バングル/リストバンド品質検査済 【トゥアレグ族】H型 バングル バングル/リストバンド 32%割引グレイ系【再入荷!】 サハラ砂漠 トゥアレグ族 ハンドメイド 32%割引グレイ系【再入荷!】 サハラ砂漠 トゥアレグ族 ハンドメイド 32%割引グレイ系【再入荷!】 サハラ砂漠 トゥアレグ族 ハンドメイド 上品】 シルバー925 バングル トゥアレグ族 - バングル/リストバンド32%割引グレイ系【再入荷!】 サハラ砂漠 トゥアレグ族 ハンドメイド 32%割引グレイ系【再入荷!】 サハラ砂漠 トゥアレグ族 ハンドメイド 品質検査済 【トゥアレグ族】H型 バングル バングル/リストバンド 42%割引【あすつく】 トゥアレグ族 シルバー バングル ブレスレット 楽天市場】Adawat'n Tuareg アダワットゥン トゥアレグ バングル

Ancient Jewellery Techniques

DIY💠Bicones Bracelet tutorial|How to make|ソロバンビーズを使ったブレスレットの作り方♪|大人のビーズアクセサリー|テグス編み
Harmony (Fringe) Bag by Shamballa Bags Tutorial

試着後洗濯済み PSポールスミス プリンテッドソフトエクスプローラーワンピース">