无法检查HTML复选框

时间:2017-04-29 01:14:29

标签: php html codeigniter checkbox

我在表格中有一些复选框,其中包含该行项目的ID。我想允许用户选择多行。但是,我似乎无法选中Chrome上的复选框。我在移动设备上加载了网站,但它确实有效。我试图插入一个onclick,但似乎复选框也没有注册任何点击。请帮忙。

表格

<?php echo form_open_multipart('Events/Two/Search');?>
<table class="table">
            <thead>
                <tr class="text-left">
                    <td></td>
                    <td>Name</td>
                    <td>Email</td>
                    <td>Phone Number</td>
                    <td>Address</td>
                </tr>
            </thead>
            <tbody>
                <?php 
                    if(!empty($datatable)){
                        foreach ($datatable as $data){
                ?>
                    <tr>
                        <td><input type="checkbox" name="id[]" value="<?php echo $data->id; ?>"/></td>
                        <td><?php echo $data->first_name." ".$data->last_name; ?></td>
                        <td><?php echo $data->email; ?></td>
                        <td><?php echo $data->phone_number; ?></td>
                        <td><?php echo $data->address;?></td>
                    </tr>
                <?php 
                    }
                }
                ?>
            </tbody>
        </table>
<?php echo form_close(); ?>
编辑:我已经清除了我的缓存和cookie。它可以在移动设备上运行,但出于某种原因不适用于Chrome。

编辑2:它适用于Safari

编辑3:如果我在另一个地方放置一个复选框,我可以查看它。只是不在表中

1 个答案:

答案 0 :(得分:-3)

<tbody>
                <?php 
                    if(!empty($datatable)){
                        foreach ($datatable->result() as $data){
                ?>
                    <tr>
                        <td><input type="checkbox" name="id[]" value="<?php echo $data->id; ?>"/></td>
                        <td><?php echo $data->first_name." ".$data->last_name; ?></td>
                        <td><?php echo $data->email; ?></td>
                        <td><?php echo $data->phone_number; ?></td>
                        <td><?php echo $data->address;?></td>
                    </tr>
                <?php 
                    }
                }
                ?>
            </tbody>
        </table>

首先你的查询似乎不起作用所以请预览这段代码使用jquery追加添加更多行如果你需要帮助,那段代码将在下面

Jquery点击添加/删除行请访问以下链接 https://jsfiddle.net/susanadhikary/omngzss8/8/