ポケモンカード ポケモンgo box

ポケモンカード ポケモンgo box

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

目次 カシオ G-SHOCK AW-500UA ユナイテッドアローズ 美品">
  プレイモービルスペシャル 火災ユニット">
  機動戦士ガンダム 鉄血のオルフェンズ弐  DVD 全巻セット 全9巻">
  怪獣8号2巻応募Tシャツ3着セット">

【初開封】ポケモンカードにハマった兄妹がミュウツーを探す旅に出る【きりたんぽ】

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

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

【開封】本日発売のポケカ最新弾を最速で1ボックス開封してみた結果・・・【PokemonGO】

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

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

ポケカBOX『ポケモンGO』34箱開封したらエラー版リザードン当たるはず!!【ポケモンカード】

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

MY BIGGEST POKEMON OPENING EVER (500 PACKS!!!)

両方ともユーザーからの入力は不可です。
WebシステムでPost送信したとき、disabledは値が送信されません。readOnlyは値が送信されます。
関連の記事
ALLIAN アライアン PRISM プリズム 155cm 16-17">

一番くじ スパイファミリー A賞 アーニャフィギュア"> 25cm【vans】エラ レオパード ×チェッカー"> 新品! Afternoon Tea リバティ柄 ベビーグッズ7点セット">
Pokemon Go Vs Celebrations Box Battle!

強化拡張パック「Pokémon GO」の入った、セット商品2種類の内容物を 強化拡張パック「Pokemon GO」予約 収録カードリスト評価【ポケモンGO 2022年10月25日更新】ポケモンカード Pokemon GOの在庫あり・再販入荷 ポケモンカード×ポケモンGOのコラボ決定!封入・当たりカード一覧 強化拡張パック「Pokémon GO」の入った、セット商品2種類の内容物を 強化拡張パック「Pokémon GO」|ポケモンカードゲーム公式ホームページ 強化拡張パック「Pokémon GO」|ポケモンカードゲーム公式ホームページ 強化拡張パック「Pokémon GO」|ポケモンカードゲーム公式ホームページ 強化拡張パック「Pokémon GO」|ポケモンカードゲーム公式ホームページ 強化拡張パック「Pokémon GO」の入った、セット商品2種類の内容物を ポケモンカードとポケモンGOコラボ第2弾で強化拡張パック発売収録内容】 強化拡張パック『Pokémon GO』予約・当たり・収録カード 強化拡張パック「Pokémon GO」の入った、セット商品2種類の内容物を 強化拡張パック「Pokémon GO」|ポケモンカードゲーム公式ホームページ 収録内容】 強化拡張パック『Pokémon GO』予約・当たり・収録カード 強化拡張パック「Pokémon GO」の入った、セット商品2種類の内容物を ポケカ「ポケモンGO」予約・抽選・収録カード内容・Pokémon GOプロモ 強化拡張パック「Pokémon GO」|ポケモンカードゲーム公式ホームページ 強化拡張パック「Pokémon GO」の入った、セット商品2種類の内容物を 強化拡張パック「Pokémon GO」|ポケモンカードゲーム公式ホームページ

【開封】運なし男でもポケモンGOコラボカードの時くらいレアカード当てられるよね!?

I Could NOT Handle $1,200 Pokemon Mystery Boxes
Trading Pokemon Cards TO FANS From This Binder!

【即購入OK!】森川 ジョージ はじめの一歩 1巻〜114巻セット">