1. ホーム
  2. javascript

[解決済み] 剣道チェックボックスのチェックイベント

2022-02-15 19:11:03

質問内容

剣道のチェックボックスイベントをキャッチしようとしているのですが、うまくいきませんでした。きっと何かを見逃しているのだと思います。この単純なことに1時間以上費やしたので、非常に疲れています。以下はコードスニペットです。

HTML

<div class="bottomPadding row">
    <div class="col-md-4 col-sm-4 col-xs-12 col">
        <label>Send Activation Link</label>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-12 col">
        <input id="sendLink" type="checkbox" data-bind="checked: Account.IsLink" />
    </div>
</div>

そして、JSのコード。

$("#sendLink").click(function () {
    if (this.checked) {
        console.log("hit");
    }
});

どこがダメだったのか訂正してください。

P.S.: いくつかのSOの回答を参考にしましたが、回答がないものや、私のケースでは機能しないものがありました。

解決方法は?

あなたのコードを私のマシンで実行したところ、クリックイベントを正常に受信しました。

    <div class="row">
    <div class="col-md-4 col-sm-4 col-xs-12 col">
        <label>Send Activation Link</label>
    </div>
    <div class="col-md-6 col-sm-6 col-xs-12 col">
        <input id="sendLink" type="checkbox" data-bind="checked: Account.IsLink" />
    </div>
</div>
<script>
    $(document).ready(function () {
        clickHookup();
    })
</script>

そして、私のJSファイルでは

function clickHookup() {
    $("#sendLink").click(function () {
      if (this.checked) {
        console.log("hit");
      }
    });
}