表单展示
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- <script src="{{asset('jquery.1.12.js')}}"></script>
- </head>
- <body>
- <div id="div">
- 关键字<input type="text" id="search"> <input type="text" id="start"><input type="text" id="end"> <button id="sou">搜索</button>
- <table border="1">
- <tr>
- <td>ID</td>
- <td>名称</td>
- <td>价格</td>
- <td>时间</td>
- <td>操作</td>
- </tr>
- @foreach ($arr as $v)
- <tr>
- <td><input type="checkbox" name="subChk" value="{{$v->id}}"></td>
- <td value="{{$v->id}}"><span class="click">{{$v->name}}</span></td>
- <td value="{{$v->id}}"><span class="click">{{$v->price}}</span></td>
- <td>{{$v->time}}</td>
- <td><a href="{{url('index/del')}}?id={{$v->id}}">删除</a></td>
- </tr>
- @endforeach
- </table>
- <!-- <div id="fpage">数据加载中...</div -->
- <button id="plsc">批量删除</button>
- </div>
- </body>
- </html>
- <script type="text/javascript">
- $("#sou").click(function () {
- var search = $("#search").val();
- var start = $("#start").val();
- var end = $("#end").val();
- //alert(search);
- var token="{{csrf_token()}}";
- $.ajax({
- type: "post",
- url: "{{url('index/sou')}}",
- data: "search=" + search+"&start="+start+"&end="+end+"&_token="+token,
- success: function (data) {
- //alert(data)
- $('#div').html(data);
- }
- });
- });
- //
- /* 批量删除 */
- $("#plsc").click(function() {
- // 判断是否至少选择一项
- var checkedNum = $("input[name='subChk']:checked").length;
- if(checkedNum == 0) {
- alert("请选择至少一项!");
- return;
- }
- // 批量选择
- if(confirm("确定要删除所选项目?")) {
- var checkedList = new Array();
- $("input[name='subChk']:checked").each(function() {
- checkedList.push($(this).val());
- });
- //alert(checkedList);
- var token="{{csrf_token()}}";
- $.ajax({
- type: "GET",
- url: "{{url('index/ps')}}",
- data: {'id':checkedList.toString(),'token':token},
- success: function(data) {
- alert('删除成功')
- }
- });
- }
- });
- $(document).on("click", ".click", function () {
- var con = $(this).html();
- $(this).parent().html("<input type=\"text\" value=" + con + " id='aa' />");
- $("input").focus();
- //alert(str);
- $(document).on("blur", "#aa", function () {
- var a = $("#aa").val();
- var id=$(this).parent().attr('value');
- $(this).parent().html("<span class=\"click\">" + a + "</span>");
- //alert(id);
- var token="{{csrf_token()}}";
- $.ajax({
- type:"POST",
- url:"{{url('index/jd')}}",
- data:"id="+id+"&a="+a+"&_token="+token,
- success:function(data){
- //根据返回值进行处理
- alert('修改成功');
- }
- });
- });
- });
- </script>