Question

我正在使用复选框生成图像以选择每个图像以将其删除：

<div class="card">
    <img alt="Jiku <?php $altTitle = get_the_title(); echo $altTitle; ?>" class="card-img-top" src="<?php echo $ximage[0]; ?>" srcset="<?php echo $img_srcset; ?>" sizes="(min-width: 1024px) 720px, 360px">
    <div class="card-footer">
        <div class="btn-group-toggle" data-toggle="buttons">
            <label class="btn btn-secondary">
                <input type="checkbox" autocomplete="off" class="selected deleteImg" name="image<?php echo $imagenum; ?>" value="<?php echo $image->ID; ?>">  Delete
            </label>
        </div>
    </div>
</div>

然后我使用一些jquery来处理删除，这只是提供想法的一部分..

   $('.deleteImg').click(function(e) {
      $(this).attr("checked");
      $('#ids').val('');
      var content = $('body').find('.selected');
      $(content).each(function (i) {
          t = $(this).val();
          if ($(this).attr('checked')=='checked') { 
              $('#ids').val(function(i,val) {
                  return val + t + ',';
              }); 
          };
      });

      var $ids = $('#ids').val();

但它只能工作如果我删除label但不幸的是标签是提供自定义样式的，为什么它不接受点击输入，我错误地使用jQuery？

工作示例，没有标签：

<div class="btn-group-toggle" data-toggle="buttons">
  <input type="checkbox" autocomplete="off" class="selected deleteImg" name="image<?php echo $imagenum; ?>" value="<?php echo $image->ID; ?>">  Delete
</div>

自定义复选框不接受点击

0 个答案: