javascript - 在 Laravel 中通过 js onclick 事件提交数据

Question

如何通过js的onclick事件提交表单？我正在使用 Laravel 4.1。

我试过这段代码

@foreach ($items as $item)
    <li>
        {{ Form::checkbox('items', $item->id , $item->done, ['onClick'=> 'this.form.submit()']) }}
        {{ $item->name }}
    </li>
@endforeach

但我得不到我想要的。 在 Controller 上我有以下代码:

public function postIndex()
{
    $id = Input::get('id');
    echo $id;
}

顺便说一句，在 chrome 控制台中我得到了以下错误:

Uncaught TypeError: Cannot read property 'submit' of null

谁能帮我解决这个问题？

Answer 1

据我所知，一个 View 中不应有多个标签。我建议你使用ajax 来触发提交事件。但是，您甚至没有一个表单打开标签，只有一个复选框。

我可能需要更多信息，但据我了解，您需要在单击复选框时向 Controller 提交数据。

我会这样做:

// Your view
<!-- CSRF Token -->
    <input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
<!-- ./ csrf token -->

@foreach ($items as $item)
<input type="checkbox" name="{{$item->id}}" id="{{$item->id}}" value="{{$item->done}}" class="checkbox_click">
@endforeach

<script type="text/javascript">
    $(document).ready(function() {
        $('.checkbox_click').click(function(){                  
            var currentValue = $(this).attr("value");
            $.ajax({
                url: 'your/route',
                method: 'post',             
                data: {id: currentValue, _token: $('input[name="_token"]').val()},
                success: function(data){
                    alert(data);
                },
                error: function(){},
            });
        });         
    });
</script>

// Your controller
public function postIndex()
{
    if (Request::ajax)
    {
        $id = Input::get('id');

        return Response::json($id);
    }
}

// Your routes.php
Route::post('your/route', YourController@postIndex);