<div id="main"〉<a href="#myModal" role="button" class="btn btn-info" data-toggle="modal">添加工具</a><!--点击添加工具按钮，弹出下面模态窗口-->

 <button class="btn btn-info" type="button" id="del">选择</button><!--点击该选择按钮，按钮能变颜色--><form action="" method="post" id="listForm"><table class="table"><thead><tr><td><input type="hidden" name="id1" id="id1" value="此处输出id1"/></td></tr></thead><tbody><tr><td><input class="tool_id" type="checkbox" id="id2" name="id2" value="此处输出id2"></td></tr></tbody></table></form>
</div>
<!--模态窗口，弹出一个添加窗口-->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="myModalLabel">添加工具</h3></div><div class="modal-body"><form class="form-horizontal" action="<?php echo site_url("tool/insert");?>" method="post" id="detailForm"><div class="control-group"><label class="control-label" for="link_name">工具分类：</label><div class="controls"><select name="type_id"><option name="" value="" ></option></select></div></div><div class="control-group"><label class="control-label" for="link_url">工具名称：</label><div class="controls"><input type="text" name="name" id="name" value="" size="80" placeholder="工具名称"/></div></div><div class="control-group"><label class="control-label" for="userfile">工具地址：</label><div class="controls"><input type="text" name="url" id="url" value="" size="80" placeholder="工具地址"/></div></div><div class="control-group"><label class="control-label" for="userfile">工具用户名：</label><div class="controls"><input type="text" name="user_name" id="user_name" value="" size="80" placeholder="工具用户名"/></div></div><div class="control-group"><label class="control-label" for="userfile">工具密码：</label><div class="controls"><input type="text" name="user_password" id="user_password" value="" size="80" placeholder="工具密码"/></div></div><div class="control-group"><div class="controls"><button class="btn btn-info" type="submit" name="submit" id="submit">保存</button></div></div></form></div>
</div>

<script type="text/javascript"><!--$(document).ready(function () {/*操作*/$('.id2').hide();//复选框隐藏var time = 0;$('#del').click(function () {//绑定选择/删除按钮if(time == 0){$(this).removeClass("btn btn-info");//通过移除id=del的class来隐藏按钮的颜色$(this).addClass("btn btn-warning");//通过添加id=del的class来实现改变按钮颜色$(this).text("删除");//改变按钮上的字$(".id2").show();//复选框显示time++;}else{var ids = '';//声明ids变量$('input[name="id2"]:checked').each(function() {ids += ',' + $(this).val() ;//得到name为id2的所有选中的id});$.get('后台处理地址', {ids: ids}, function(data) {//将ids送到后台处理代码中，并得到返回数据datadata = eval("(" + data + ")");//将通过json返回的数据data进行解析if(data == 1){alert('删除成功！');window.location.reload();//刷新页面}});}});});//-->
</script>