Javascript 在复选框更改时更新DB字段-AJAX

在用户单击复选框后，如何更新MySQL表中的一个字段。 我有这个：

<div style="float: right"><input type="checkbox" class="tvSync" data-toggle="toggle" data-onstyle="success" onclick="myFunction({{$spot->spotid}})"></div>

我创建了路由

/updateSync

，并将其包含在控制器中：

public function updateTvSync(Request $request)
    {
        $id = $request->spotid;

        TV::where('spotid', $id)->update(['delayed' => 1]);
    }

但当我点击复选框时，什么也没发生。这个

是否需要在表单中，或者我在这里遗漏了什么

 var  spotid=spotid; 

应该是

 var  spotid=id; 

spotid未定义

应该是

 var  spotid=id; 

---

spotid未定义

尝试为复选框指定id并删除onclick函数

<input id="{{$spot->spotid}}" type="checkbox" class="tvSync" data-toggle="toggle" data-onstyle="success">

---

尝试为复选框指定id并删除onclick函数

<input id="{{$spot->spotid}}" type="checkbox" class="tvSync" data-toggle="toggle" data-onstyle="success">

---

---

我把它修好了，但还是什么也没发生。另外，我在console.or data:{spotid:id}中什么也没有得到，并且如果您放置了一个console.log（id），则删除额外的变量；作为函数的第一行，它应该在控制台中给出一个错误或日志，要么函数没有定义，要么console.log显示onclick可以被其他js代码阻止，所以是的，这可能是问题哦，是的，这是有意义的。也许让一个听众像Saurabhmistry的回答一样，但不是听“点击”，而是听“改变”？我修正了它，但仍然没有发生任何事情。另外，我在console.or data:{spotid:id}中什么也没有得到，并且如果您放置了一个console.log（id），则删除额外的变量；作为函数的第一行，它应该在控制台中给出一个错误或日志，要么函数没有定义，要么console.log显示onclick可以被其他js代码阻止，所以是的，这可能是问题哦，是的，这是有意义的。可能会让一个监听器像Saurabhmistry的回答一样，但不要听“点击”，而是听“更改”？你检查过你的实际html中有什么吗？与检查元素一样，检查它是否实际插入了

$spot->spotid

Yes。例如，我有

onclick=“myFunction（469871）”

。您是否检查了实际html中的内容？与检查元素一样，检查它是否实际插入了

$spot->spotid

Yes。例如，我有

onclick=“myFunction（469871）”

。为什么onclick是错误的？我看不到url错误：-）我不会将spotid放在id属性中：一个页面上只能有一个相同的id！使用数据spotid会更好

data toggle=“toggle”

会阻止ajax调用。有什么解决办法吗？把它拿走，但我需要它：D。。。我不想要简单的复选框，而是bootstraptoggle中的复选框。为什么onclick会错呢？我看不到url错误：-）我不会将spotid放在id属性中：一个页面上只能有一个相同的id！使用数据spotid会更好

data toggle=“toggle”

会阻止ajax调用。有什么解决办法吗？把它拿走，但我需要它：D。。。我不想有简单的复选框，但一个从bootstraptoggle。