我有一個使用ajax調用在另一個頁面的div標簽中加載的html頁面，我想在加載的頁面上觸發javascript函數嗎？

Question

主要問題是加載的html頁面包含卡循環每個卡都有復選框我需要觸發javascript函數，該功能檢查是否選中了復選框，然后將卡中的文本值更改為select到selected，但是我編寫的用於觸發此復選框的函數不起作用？ 我的復選框標記來自附加的html頁面：

<div class="body-action-button u-flex-center">
      <div><input type="checkbox" style="float: left;" name="companies[]" value="<?php echo $company->id; ?>" id="cbtest<?php echo $company->id; ?>" />
        Request an offer</div>
</div>

我用來觸發復選框的javascript函數：

$('.body-action-button').click(function(){
        alert('selected');//This alert for testing
    });

Answer 1

試試這個（ 小提琴 ）：JS

$('input:checkbox[name=example]').each(function() {
  if (this.checked) {
    alert("selected");
  }
  // else {}
});

HTML

<input type="checkbox" name="example" /> label one
<input type="checkbox" name="example" checked/> label two

Answer 2

您可以嘗試給您的復選框一個類，例如

<input type="checkbox" class="cbxTest" style="float: left;" name="companies[]" value="<?php echo $company->id; ?>" id="cbtest<?php echo $company->id; ?>" />

並將事件添加到JQuery中，如下所示：

$(document).ready(function () {
    $(".cbxTest").click(function () {
        if (this.checked) {
            alert("Selected");
        }
    });    
});

此外，如果你想不觸發它的點擊，但只有當檢查你也可以使用.check代替.click一樣，

$(document).ready(function () {
    $(".cbxTest").change(function () {
        if (this.checked) {
            alert("Selected");
        }
    });    
});

兩者都很好。 只是關於場景...