<div data-toggle="modal" data-target="#myModal2" style="font-size:20px; font-weight:bold">估清</div>

<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h4 class="modal-title" id="myModalLabel">估清餐品</h4></div><div class="modal-body" id="content">//这里就是遍历数据库的菜单内容</div><div class="modal-footer"><button id="tijiao" type="button" class="btn btn-default" data-dismiss="modal">关闭</button></div></div><!-- /.modal-content --></div><!-- /.modal -->
</div>

<ul id="myTab" class="nav nav-tabs"><li class="active" style=" font-size:30px" ><a href="#home" data-toggle="tab"> 饭面类</a></li><li style=" font-size:30px"><a href="#ios" data-toggle="tab">特色小吃</a></li><li class="dropdown" style=" font-size:30px"><a href="#" id="myTabDrop1" class="dropdown-toggle"data-toggle="dropdown">酒水饮品 <b class="caret"></b></a><ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1" style=" font-size:25px"><li><a href="#jmeter" tabindex="-1" data-toggle="tab">酒水</a></li><li><a href="#ejb" tabindex="-1" data-toggle="tab">饮品</a></li></ul></li>
</ul>

include("DBDA.php");
$db = new DBDA();

<div class="tab-pane fade in active" id="home"><p id="mian">　　　　<?php$sql = "select * from caidan where fcode =('1101')"; //查询这个类别中的所有菜单$attr = $db->Query($sql);  //执行封装好类中的方法foreach($attr as $v){$v1 = $v[4];  //让菜单中的状态相等$sql1 = "select isok from caidan ";$attr1 = $db->StrQuery($sql1);if($attr1=$v1){　　　　　　　　　　　//如果等于那就像是出来，这里的aa1的样式灰色，表示不能点;aa就是绿色表示能点echo "<input type='button' value='$v[2]' class='aa1' biaoshi='lv' code='$v[1]' />";     }else{                                          echo "<input type='button' value='$v[2]' class='aa' biaoshi='hui' code='$v[1]' />";  }                                       }                                     ?></p>
</div>

.aa{ width:200px; height:50px; font-size:16px; float:left; margin:5px; background-color:#3F6;text-align:center; vertical-align:middle; line-height:50px}.aa1{ width:200px; height:50px; font-size:16px; float:left; margin:5px; background-color:#999;text-align:center; vertical-align:middle; line-height:50px}

<div class="modal-footer"><button id="tijiao" type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>

"<input type='button' value='$v[2]' class='aa' biaoshi='hui' code='$v[1]' />";

$(".aa").click(function(){var aa=$(this).attr("biaoshi");if(aa=="hui"){$(this).css("background-color","#999");  //是灰色就把背景色变成灰色$(this).attr("biaoshi","lv");}else{$(this).css("background-color","#3F6"); //否则就是绿色$(this).attr("biaoshi","hui");}
})

var code = $(this).attr("code");  //遍历数据库时，已经标出code是数据库中的那一列$.ajax({url:"guqing.php",  //处理页面data:{c:code},  //将code传过去type:"POST", //传输方式dataType:"TEXT",  //返回格式success: function(data){  //处理页面成功后执行下面if(data.trim()=="ok"){}}
})

<?php
include("DBDA.php");  //调用封装好的类
$db = new DBDA();$code = $_POST["c"]; //接受穿过来的值
$sql=" update caidan set isok=1 where  code='{$code}' ";  //编写语句，如果code和数据库中的一样，那么就把状态改成1
$attr = $db->Query($sql,0);  //执行语句
echo "ok";?>

//对aa的点击事件$(".aa").click(function(){var aa=$(this).attr("biaoshi");if(aa=="hui"){$(this).css("background-color","#999");$(this).attr("biaoshi","lv");var code = $(this).attr("code");$.ajax({url:"guqing.php",data:{c:code},type:"POST",dataType:"TEXT",success: function(data){if(data.trim()=="ok"){}      }})}else{$(this).css("background-color","#3F6");$(this).attr("biaoshi","hui");var code = $(this).attr("code");$.ajax({url:"guqing1.php",  //处理页面和guqing的处理页面只有状态值的不同　　　　　　data:{c:code},type:"POST",dataType:"TEXT",success: function(data){if(data.trim()=="ok"){}}})}
})
//对aa1的单击事件
$(".aa1").click(function(){var aa=$(this).attr("biaoshi");if(aa=="hui"){$(this).css("background-color","#999");$(this).attr("biaoshi","lv");var code = $(this).attr("code");$.ajax({url:"guqing.php",data:{c:code},type:"POST",dataType:"TEXT",success: function(data){if(data.trim()=="ok"){}}})}else{$(this).css("background-color","#3F6");$(this).attr("biaoshi","hui");var code = $(this).attr("code");$.ajax({url:"guqing1.php",data:{c:code},type:"POST",dataType:"TEXT",success: function(data){if(data.trim()=="ok"){}}})}
})