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

试试这个（fiddle）： 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");
        }
    });    
});

两者都运作良好。这只是场景......

我有一个html页面，使用ajax调用在另一个页面的div标签中加载我想在加载的页面上触发javascript函数？

2 个答案: