🔍 【めも】参考記事 返信用フォーム作成
作成日: 2022/07/27
0

templateタグの使い方

参考URL:templateタグ
参考URL:template要素の使い方、知ってます?

チェックした分だけfor文を回したい

参考URL:JavaScriptでチェックボックスの選択状態を取得する方法を現役エンジニアが解説【初心者向け】

カスタムデータ属性の値を取得したい

やりたいこと

for文の中で各項目のカスタムデータ属性の値を取りたい
##コード

HTML

下記のようなものが複数あり

 <input type="checkbox" class="bnr_form_itm_cts_check"name="size"value="800x800"data-upload="local">

script

console.log(size_elements[i].data());

デバッグ用に上記スクリプトを書いたが、下記エラー

エラーメッセージ

size_elements[i].data is not a function

テスト

下記コードだとうまく値が取れたので多分for文の中の書き方が悪いということ…白目

HTML

<input type="checkbox" class="bnr_form_itm_cts_check"name="size"value="800x800"data-upload="local"id="800x800">

script

var $elm = $('#800x800');
var elm_str = $elm.data('upload');
console.log(elm_str);

console

local

参考URL:jQueryのdata()で属性を取得・設定・変更する方法まとめ!

バックスラッシュのエスケープ


アプリを作ってみたいウェブデザイナー。