php - 如何在 Laravel 中发送单选按钮值而不提交？

Question

我想发送单选按钮值而不提交。

这是 View

这是查看代码

<table>
        <thead>
            <tr>
                <th>No.</th>
                <th>Name</th>
                <th><center>Presence</center></th>
            </tr>
        </thead>
        <tbody>
                @php
                 $i=1;
                @endphp
            <tr>
                <td>{{$i}}</td>
                <td>TEST</td>
                <td>

                    <input type="radio" id="radio1" name="presence" value="Y">
                    <label for="radio1"><font color="#00B01D"><i class="fas fa-check"></i> Yes</font></label>
                    <input type="radio" id="radio2" name="presence" value="N">
                    <label for="radio2"><font color="#FF0000"><i class="fas fa-times"></i> No</font></label>
                </td>

            </tr>
            @php
                $i++;
            @endphp
        </tbody>
    </table>

<script>  
            $(document).ready(function(){  
                    $('input[type="radio"]').click(function(){  
                        var presence = $(this).val();  
                        $.ajax({  
                            url:"http://localhost/admin/presence/add",  
                            method:"POST",  
                            data:{
                                  presence:presence
                                  },  
                            success:function(data){  

                            }  
                        });  
                    });  
            });  
    </script>  

这是 Controller

public function addprespost(Request $request){
        $dataz = [
            'presence' => $request->input('presence'),
        ];
        DB::table('presence')->insert($dataz);
        return redirect('/admin/presence/add');
    }

使用上面的代码，如果我单击状态按钮，即使我在控制台浏览器中 checkin ，也不会发生任何事情。

我想如果我按"is"或“否”按钮，它会将值发送到数据库。

Answer 1

在您的输入中添加 csrf 的隐藏 token 。

像这样

<input type="hidden" name="_token" value="{{ csrf_token() }}">
<input type="radio" id="radio1" name="presence" value="Y">
<label for="radio1"><font color="#00B01D"><i class="fas fa-check"></i> Yes</font></label>
<input type="radio" id="radio2" name="presence" value="N">
<label for="radio2"><font color="#FF0000"><i class="fas fa-times"></i> No</font></label>

然后在你的ajax中删除localhost，路径就可以了，然后添加csrf

$.ajax({  
  url:"/admin/presence/add",  
  method:"POST",  
  data:{
   '_token': $('input[name=_token]').val(),
   'presence':presence
  },  
  success:function(data){  

  }  
});  

不知道radio有没有点击事件你也可以试试这个one如果单击单选按钮，则可以选择其他选项。

希望对你有帮助!