如何显示和隐藏选中的值ontime而不刷新或使用jquery单击任何东西

时间:2016-10-05 16:32:07

标签: javascript php jquery html ajax

我正在尝试获取ontime检查的值文本,如果未选中则禁用该文本。我尝试了我的代码中缺少的东西。

这是我的表单代码:

<div class="products-row">
    <?php $lq=$conn->query("select * from os_lunch where lunch_status=1 order by id_lunch ASC");
        while ($lunch = $lq->fetch_assoc()) {
        ?>  
        <div class="col-md-3"> 
            <div class="foodmenuform row text-center">
                <input type="checkbox"  id="<?php echo $lunch['id_lunch'];?>" hidden>
                <label for="<?php echo $lunch['id_lunch'];?>"><img src="img/lunch/<?php echo $lunch['lunch_image']; ?>" alt="" class="img img-responsive" /></label>
                <h3 id="lunchname" ><?php echo $lunch['lunch_name'];?></h3>
            </div>
        </div>
    <?php }  ?>
</div>

这是我的剧本:

<script type="text/javascript" language="JavaScript">
    $(document).ready(function() {
        var FoodMenu = $('input[type=checkbox]:checked').map(function(){
            return $(this).next('#lunchname').text();
        }).get().join("<br>");
        $("#selectedfood").html(FoodMenu);
    });
</script>

我想在这里显示输出:

<div class="related-row" id="FoodSelected">
    <h4 class="text-center">Food Selected</h4> 
    <ul class="nav nav-pills nav-justified">
        <li class="active"><a id="selectedfood"></a></li>
    </ul>    
</div>

Click Here To see the image

0 个答案:

没有答案