我正在尝试获取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>