以下を実行するにはどうしたらよいでしょうか？

Question

こんにちは、質問させていただきます。

これまでの流れと質問

①phpで吐き出されるhtmlを変更しなければいけないため、jQueryで「/* .confirm__agree書き換え*/」を記述し、html要素の書き換えを行いました。

②チェックボックスをappearance:none；に設定し、
擬似クラス:checked、:focusでチェックボックスを作りました。
参考にしているのは下記のサイトです。
チェックボックス

そうすると、inputを実行できないため、「/* label.checkboxが押されたら checkboxをtureにする */」を記述しました。ここまでは正常に動きました。

③チェックボックスがチェックされていない状態で「イベントに申し込む」を押すと、下記のhtmlが出現する仕様でした。

<p style="color: rgb(207, 30, 27); display: none;">同意項目にチェックを入れてください。<br>同意されない場合は、送信できません。<br><br></p>

②でinputを実行できたと思っているため、どこを見直せばいいのかわかりません。
JSを勉強始めたばかりですので、めちゃくちゃな記述をしていましたら、ご教示いただけますと嬉しいです。

コード

	<article class="confirm">
<form action="/entry/apply.php" method="post" name="entry_form">
  <input type="hidden" name="event_id" value="xxxx">


  <div class="confirm__title">参加お申込みのご確認</div>
  <div class="confirm__text">
  
  </div>
  <div class="confirm__textarea">
    <textarea name="regist_memo" cols="30" rows="4" maxlength="255" title="最大255文字"></textarea>
  </div>
  <div class="confirm__agree">
    <label><input type="checkbox" name="form_agree" value="agree"> <a href="/mobile/xxxxxx-xxxxxx/" target="_blank" style="color: blue; text-decoration: underline;">規約</a>に同意します</label>
    <br><br>
    <p style="color: rgb(207, 30, 27); display: none;">同意項目にチェックを入れてください。<br>同意されない場合は、送信できません。<br><br></p>
  </div>
  <div class="confirm__join">
    <a href="#">イベントに申し込む</a>
  </div>
  <div class="confirm__back">
    <a href="javascript:window.history.back();">戻る</a>
  </div>
</form>
<script type="text/javascript" src="/common/js/common.js"></script>
<script>
  
$(function(){
    var textarea = $('textarea[maxlength]');
    textarea.bind(
        "keydown keyup click",
        function(){
            var max = $(this).attr('maxlength');
            if($(this).val().length > max){
                $(this).val($(this).val().substr(0, max));
            }
        }
    );

    $('.confirm__agree a').css('color', 'blue');
    $('.confirm__agree a').css('text-decoration', 'underline');
    $('.confirm__agree p').css('color', '#cf1e1b');
    $('.confirm__agree p').css('display', 'none');
    $('.confirm__answer p').css('color', '#cf1e1b');
    $('.confirm__answer p').css('display', 'none');

    $('.confirm__join a').click(function(){
  
  
        if (!$('input[name="form_agree"]').prop('checked')) {
            $('.confirm__agree p').css('display', 'block');
            return false;
        }
  
  
        $('form[name="entry_form"]').submit();
    });
});
  
</script>
  </article>

/* .confirm__agree書き換え*/
$(function(){
$('.confirm__agree').html('<label class="checkbox"><input type="checkbox" name="form_agree" value="agree"></label><label class="checkbox_text"><a href="/mobile/xxxxxx-xxxxxx/" target="_blank" style="color: blue; text-decoration: underline;">規約</a>に同意します</label>');
	});

/* label.checkboxが押されたら checkboxをtureにする */
	$('label.checkbox').on('clicke', function(){
	 $(input).prop('form_agree','agree')	
	}); 

追記

/* label.checkboxが押されたら checkboxをtureにする */
	$('label.checkbox').on('click', function(){
	 $(input).prop('form_agree','agree')	
	}); 

誤字の修正しました、が、動きません、、、

追記2

/* label.checkboxが押されたら checkboxをtureにする */
	$('label.checkbox').on('click', function(){
	 $('input').prop('form_agree','agree')	
	}); 

inputを''で囲っていなかったので修正しました。
いただいた解決策を試しております。

Answer 1

click のスペルミスがあります。
-> clicke

    $('label.checkbox').on('clicke', function(){
     $(input).prop('form_agree','agree')    
    });

---

2019-07-04 19:18 追記
修正後も動かないのは、$.html() で追加した要素に対して、イベントのセットが効いていないものと思います。
下記のように、要素を追加した後でイベントをセットしたら動くようにならないでしょうか？
（ $(input).prop('form_agree', 'agree') の部分でエラーが出るとは思います。）

/* .confirm__agree書き換え*/
$(function () {
	$('.confirm__agree').html('<label class="checkbox"><input type="checkbox" name="form_agree" value="agree"></label><label class="checkbox_text"><a href="/mobile/xxxxxx-xxxxxx/" target="_blank" style="color: blue; text-decoration: underline;">規約</a>に同意します</label>');

	/* label.checkboxが押されたら checkboxをtureにする */
	$('label.checkbox').on('click', function () {
		$(input).prop('form_agree', 'agree')
	});
	//↑ ブロックの内側に入れて、順番に処理が走るようにする
});

Comments

[unee]

ありがとうございます！全く気づかなかったです。。。修正しました！
しかし動かないのでもうちょっと調査いたします。

[unee]

ありがとうございました！
イベントセットでまとめて記述で動くようになりました！