前提・実現したいこと
addEventListenerのtriggerでクリックイベントを発火させましたが、
チェックボックスの値がうまくとれません。
どのようにすればチェックボックスの値がうまくとれるでしょうか。
既に定義済のclickイベントの前にチェック処理を追加したい
の内容に続いた質問です。
チェックボックスが常にONの状態でしか取得できなくなってしまいました。
ちなみにdocument.addEventListener全てをコメントアウトすれば
(普通の$(document).on('click'だけなら)
チェックボックスのclickイベントでon/off正しく取得できるようです。
発生している問題・エラーメッセージ
クリック前処理
js
1document.addEventListener('click', function (e) { 2 var t = e.target; 3 var node = $(t).parent().parent(); 4 5 // 対象のclassの場合事前チェックを行う 6 if ($(node).hasClass('bootpag')) { 7 e.stopPropagation(); 8 // チェック 9 if (!checkhogehogeItem()) 10 { 11 //チェックfalseの場合click処理しない 12 return; 13 } 14 } 15 16 $(t).trigger('click'); 17}, true);
js
1// チェックボックスボタン押下時 2 $(document).on('click', '.testcheck', function (e) { 3 // 在庫あり 4 console.log($('.testcheck').prop("checked")); 5 } 6 }); 7
html
1 </div> 2 <article class="checkSale"> 3 <div class="form-group form-inline"> 4 <aside class="checkbox-inline"> 5 <label> 6 <input type="checkbox" name="testKbn" class="testKbn" id="testKbn" value="{$results.testKbn}" {if ($results.testKbn==1)}checked{/if} >在庫あり商品表示 7 </label> 8 </aside> 9 </div> 10 </article>
回答1件
あなたの回答
tips
プレビュー