Javascript 基于复选框数据显示或隐藏HTML列表，Laravel 4

我有一个HTML表格，上面有一周中的几天

|Monday|Tuesday|Wednesday|Thursday|Friday|Saturday|Sunday|
|data  |data   |----     |----    |----  |----    |---   |

并且有一个关系，Route Client和I whant来显示（或不显示）表Route的复选框中的值1的列days。我使用0和1、工作日1、自由日0保存复选框数据，并使用此方法提取这些0和1：

表单内部：：open（）

在我的HTML表格中：

<tr><!--I been thinking on doing something like this -->
    <th <a id="monday" onchange="showDays()" value="{{$route['monday']}}">MONDAY</th>
    <th <a id="tuesday" onchange="showDays()" value="{{$route['tuesday']}}">TUESDAY</th>
    <th <a id="wednesday" onchange="showDays()" value="{{$route['wednesday']}}">WEDNESDAY</th>
    <th <a id="thursday" onchange="showDays()"value="{{$route['thursday']}}">THURSDAY</th>
    <th <a id="friday" onchange="showDays()" value="{{$route['friday']}}">FRIDAY</th>
    <th <a id="saturday" onchange="showDays()" value="{{$route['saturday']}}">SATURDAY</th>
    <th <a id="sunday" onchange="showDays()" value="{{$route['sunday']}}">SUNDAY</th>
</tr>

@foreach($client as $ct)
<tr> <!--In this moment I just fill all the days with all the clients, but the idea is to fill the days respect the clients assigned by that day-->
    <td id="mondayTD">{{ $ct->client_name }}</td> 
    <td id="tuesdayTD">{{ $ct->client_name }}</td>
    <td id="wednesdayTD">{{ $ct->client_name }}</td>
    <td id="thursdayTD">{{ $ct->client_name }}</td>
    <td id="fridayTD">{{ $ct->client_name }}</td>
    <td id="saturdayTD">{{ $ct->client_name }}</td>
    <td id="sundayTD">{{ $ct->client_name }}</td>
</tr>
@endforeach

客户端名称}
@endforeach

如果我这样做，我会在表的标题上看到数字1,1,1,1,1,1,1，这是在我的数据库上创建的最后一条路由的二进制值（目前不知道如何更改这些值，只显示最后创建的路由）

---

我需要尊重在我的第天收到的值1或0来决定是否显示该列，但我不知道如何做，如果有人能帮助我，我将非常感激！谢谢

您可以创建一个php页面来打印表格。这将根据POST传递的复选框值打印表格。然后，您所要做的就是使用ajax调用此页面，并将响应放入所需的div中

使用jQuery和.post（），这变得非常简单：

$.post( "tablepage.php", { monday: "1", tuesday: "0" })
  .done(function( data ) {
    $( "#div" ).html(data);
  });

这应该是每次更改复选框时激发的函数的一部分。tablepage.php将通过post接收天数的值，如

$\u post['monday']

。使用它们生成表。

$（“#divname”）.html（数据）

code将php脚本的输出传递给div

<tr><!--I been thinking on doing something like this -->
    <th <a id="monday" onchange="showDays()" value="{{$route['monday']}}">MONDAY</th>
    <th <a id="tuesday" onchange="showDays()" value="{{$route['tuesday']}}">TUESDAY</th>
    <th <a id="wednesday" onchange="showDays()" value="{{$route['wednesday']}}">WEDNESDAY</th>
    <th <a id="thursday" onchange="showDays()"value="{{$route['thursday']}}">THURSDAY</th>
    <th <a id="friday" onchange="showDays()" value="{{$route['friday']}}">FRIDAY</th>
    <th <a id="saturday" onchange="showDays()" value="{{$route['saturday']}}">SATURDAY</th>
    <th <a id="sunday" onchange="showDays()" value="{{$route['sunday']}}">SUNDAY</th>
</tr>

@foreach($client as $ct)
<tr> <!--In this moment I just fill all the days with all the clients, but the idea is to fill the days respect the clients assigned by that day-->
    <td id="mondayTD">{{ $ct->client_name }}</td> 
    <td id="tuesdayTD">{{ $ct->client_name }}</td>
    <td id="wednesdayTD">{{ $ct->client_name }}</td>
    <td id="thursdayTD">{{ $ct->client_name }}</td>
    <td id="fridayTD">{{ $ct->client_name }}</td>
    <td id="saturdayTD">{{ $ct->client_name }}</td>
    <td id="sundayTD">{{ $ct->client_name }}</td>
</tr>
@endforeach

$.post( "tablepage.php", { monday: "1", tuesday: "0" })
  .done(function( data ) {
    $( "#div" ).html(data);
  });