php - PHP 选中复选框时如何调用 jQuery 函数？

Question

这是我的 PHP 代码:

<?php if (isset($mod['display']) && ($mod['display'] == "1")) { ?>
    <input class="display_checkbox" type="checkbox" name="chk[<?php echo $row; ?>][display]" value="1" checked="checked" onclick="checkbox_click(this);" />
<?php } else { ?>
    <input class="display_checkbox" type="checkbox" name="chk[<?php echo $row; ?>][display]" value="1" onclick="checkbox_click(this);" />
<?php } ?>

jQuery:

function checkbox_click(current) {
  if($(current).is(':checked')) {
          // do stuff....
  } else {
          // do stuff....
  }
}

在上面的代码中，当 $mod['display'] 为 true 时，复选框被选中，但不会调用 checkbox_click() 函数。我尝试使用 onchange= 而不是 onclick= 但它似乎没有任何效果。我需要将 onclick 或 onchange 保留在字段中。

Answer 1

尝试使用 prop 函数来实现此目的，另外，您不需要调用函数，您可以使用 jquery.on() 函数创建它，例如，

$(function(){
   $(document).on('click','.display_checkbox',function(){
      if($(this).prop('checked')) {
              // do stuff....
      } else {
              // do stuff....
      }
   });
});

然后从 html 复选框元素中删除 onclick="checkbox_click(this);"

已更新

在文档准备就绪时对其进行初始化

$(function(){
   $('.display_checkbox').each(function(){
      if($(this).prop('checked')) {
              // do stuff....
      } else {
              // do stuff....
      }
   });
});

阅读on()和 prop()