onoff 开关输入类型复选框 onclick 不起作用（它不调用该函数）我应该如何调用该函数？

Question

我有一个包含活动列表的 MVC5 项目，每个活动都有一个切换开关，我无法调用函数 sss()。这是代码：

<div class="switch">
  <div class="onoffswitch">
    @if (item.IsActive)
    {
      <input type="checkbox" checked
             class="onoffswitch-checkbox"
             onclick="sss(this)" data-camid="@item.id">
    } else {
      <input type="checkbox"
             class="onoffswitch-checkbox"
             onclick="sss(this)" data-camid="@item.id">
    }
    <label class="onoffswitch-label">
      <span class="onoffswitch-inner"></span>
      <span class="onoffswitch-switch"></span>
    </label>
  </div>
</div>

这里是 Javascript 部分：

<script>
  function sss(elem) {
    var cid = $(elem).data('camid');
    $.ajax({
      type: 'POST',
      url: '@Url.Action("UpdateCampaignMer", "Merchant")',
      data: {
        campaignId: cid
      },
      success: function(res) {
        $(button).parents("tr").remove();
        $("body").mLoading('hide');
      }
    });
  };
</script>

但是当我放置一个按钮而不是复选框输入时，它工作正常：

<button onclick="sss(this)" data-camid="@item.id">Click me</button>

Answer 1

我找到问题了，是开关的结构

<div class="switch">
  <div class="onoffswitch">
    @if (item.IsActive)
    {
      <input type="checkbox" checked
             class="onoffswitch-checkbox" onclick="sss(this)"
             data-camid="@item.id" id="@item.id">
    } else {
      <input type="checkbox"
             class="onoffswitch-checkbox" onclick="sss(this)"
             data-camid="@item.id" id="@item.id">
    }
    <label class="onoffswitch-label" for="@item.id" style="margin-bottom: -5px;">
      <span class="onoffswitch-inner"></span>
      <span class="onoffswitch-switch"></span>
    </label>
  </div>
</div>

我们必须为每个输入放置一个 id，并在每个标签中放置与 for 相同的 id，以显示哪个标签对应哪个输入，以便可以点击.

谢谢@Jerdine Sabio 帮助我。

onoff 开关输入类型复选框 onclick 不起作用（它不调用该函数）我应该如何调用该函数？

onoff switch input type checkbox onclick is not working (it doesnt call the function) how should i call that function?

javascript

asp.net-mvc

dom-events