実現したいこと
動的生成されるチェックボックスで チェックが付与されたらボタンを有効化して、
チェックがない状態ではボタンを無効化したい
前提
・検索を実行すると 抽出したデータを一覧表示し、それぞれチェックボックスを動的付与
動的付与されたチェックボックスについて チェックが付与されたらボタンを有効化して、
チェックがない状態ではボタンを無効化したい
発生している問題・エラーメッセージ
動的生成されるチェックボックスについて名前がことなるため
イベントが記載できませんでした。
該当のソースコード
html
12<HTML>3<HEAD>4</HEAD>5<BODY>6<input class="all-check-target form-check-input" data-val="true" id="SearchResult_0__IsCheck" name="SearchResult[0].IsCheck" type="checkbox" value="true" />7<input class="all-check-target form-check-input" data-val="true" id="SearchResult_1__IsCheck" name="SearchResult[1].IsCheck" type="checkbox" value="true" />8<input class="all-check-target form-check-input" data-val="true" id="SearchResult_2__IsCheck" name="SearchResult[2].IsCheck" type="checkbox" value="true" /> 9<BR>10 <button type="button" name="TestButton" class="btn"11 data-action="TESTEXEC">12 テストボタン 13 </button>14 15 <script>16 $(function () {17 $('input[name="IsCheck"]').change(function () {18 if ($(this).prop('checked')) {19 $('#TestButton').prop('disabled', false);20 }21 else {22 $('#TestButton').prop('disabled', true);23 }24 });25 })26 </script>27 28</BODY>29</HTML>30 31 32` 33### 試したこと 34 35checkboxにチェックがついたら テストボタンを有効化 36チェック無しではテストボタンを無効化 37するようなJavascriptを書いてみたがチェックボックスの名前が異なるからだめでした 38 39 40### 補足情報（FW/ツールのバージョンなど） 41 42JAVASCRIT
0 コメント