检查表中的所有数据值答案

【问题标题】：Checking all Data Value in Table检查表中的所有数据值
【发布时间】：2015-10-18 10:20:01
【问题描述】：

我的代码如下：

<div class="input-group select-all" >
    <span class="input-group-addon disabled">
        <input type="checkbox" <?php if($pagetitle=="Trash") echo "disabled"?>>
            </span>
                <div class="input-group-btn">
                    <button type="button" class="btn btn-default dropdown-toggle <?php if($pagetitle=="Trash") echo "disabled"?>" data-toggle="dropdown" tabindex="-1">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Delete</a></li>
                    </ul>
                </div>
            </div><!-- /input-group -->

当我们选中复选框时，必须选择表中的所有数据，这是我需要的操作类型。

<div class="mails">
            <table class="table table-hover table-condensed">
                <?php
                if(count($inMessages)>0)
                    foreach($inMessages as $m):
                        ?>
                        <tr data-id="<?php echo $m->sn?>" <?php if($m->flag==1) echo "class=\"read\""?><?php if($m->flag==0) echo "class=\"unread\""?>>
                            <td><?php if($pagetitle!="Trash"):?><i class="fa fa-check-square-o fa-square-o disabled" data-id="<?php echo $m->sn?>"></i><?php endif?></td>
                            <td class="subject"><?php echo $m->subject?></td>
                            <td class="body"><?php echo $m->message?></td>
                            <td>
                                <?php echo $m->address?>
                                <BR/><?php echo $m->io?>
                            </td>
                            <td class="time"><?php echo $m->mdate?> <?php echo $m->mtime?></td>
                        </tr>
                    <?php
                    endforeach
                ?>
            </table>
        </div>
    </div><!-- /Right Side mail bar -->

手动复选框可以正常工作，但我需要检查所有选项。

除了上面的代码，我还能怎么做？请帮帮我。

【问题讨论】：

嗨 Sabin，基本上每个表格行似乎都有一个数据 ID。我是否正确假设您想要每个表数据项的内容而不是 html？这就是您所说的“表中的所有数据”吗？另外，您如何将这些数据提交回服务器？看起来 javascript 可以轻松完成这项工作，而 jQuery 让这一切的开始变得更加简单。您是否希望有人为您编写整个脚本，或者您已经开始这样做了？一个 codepen 或 jsfiddle 或类似的会帮助人们帮助你

标签： javascript php jquery checkbox

【解决方案1】：

如果你想用一个复选框全选，你可以使用类似的东西：

<?php
$string .= '
<table id="mytable" class="table table-hover table-bordered datatable">
  <thead>
    <tr>
      <th><input type="checkbox" id="selectall"></th>
      <th>Field A</th>
      <th>Field B</th>
    </tr>
  </thead>
  <tbody>'."\n";
foreach($array as $row) { // create table content
  $string .= '    <tr id="art-'.$row['field'].'" class="data">
      <td><input class="case" type="checkbox" name="id[]" value="'.$row['field'].'"></td>
      <td>'.$row['field A'].'</td>
      <td>'.$row['field B'].'</td>
    </tr>'."\n";
}
  $string .= '    </tbody>
</table>
'."\n";
echo $string;
?>
<script>
$(document).ready(function(){
  $("#selectall").click(function () {  // check all
    $('.case').prop('checked', this.checked);
  });

  // if all checkbox are selected, check the selectall checkbox
  // and viceversa
  $(".case").click(function(){
    if($(".case").length == $(".case:checked").length) {
      $("#selectall").prop("checked", "checked");
    } else {
      $("#selectall").removeAttr("checked");
    }
  });
});
</script>

【讨论】：