对于checked状态，请使用.prop()而不是.attr()，因为checked是元素的属性，并且不要使用内联事件绑定。
另请参考.prop() vs .attr()
试试这个：

$('.switch-light.switch-candy').on('click', function() {
  $('#updates').append('<p>checked=' + $(this).find('input').prop('checked') + '</p>');
})

<link href="https://merkd.com/engine/ui/themes/lux/assets/css/toggle-switch.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<label class="switch-light switch-candy">
  <input type="checkbox" />

  <strong>
    Wireless
  </strong>

  <span>
    <span>Off</span>
  <span>On</span>
  <a></a>
  </span>
</label>

<div id="updates"></div>

Fiddle

将事件绑定到input元素并获取特定于输入的值：

一个二个一个一个
Updated Fiddle

将onclick事件附加到输入而不是标签：https://jsfiddle.net/w1ug4jdc/1/

<input type="checkbox" onclick="$('#updates').append('<p>checked='+$(this).find('input').attr('checked')+'</p>');" />

(But如上所述，不要使用内联事件）

jQuery似乎没有读取“checked”属性。
尝试使用:checked selector

$("label").click(function(){
  $('#updates')
    .append('<p>checked='+$(this).find(':checkbox').is(':checked')+'</p>');
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<label onclick="">
  <input type="checkbox" />
</label>

<div id="updates"></div>

我刚刚遇到了一个类似的问题，试图用aspnetcoreMVC来配置它。表单提交不能单独使用checked属性。
我添加了下面的jQuery片段，以保持checked属性与check属性内联。

$(document).on('click', '.switch-light.switch-candy input', function () {
    $(this).attr("checked", this.checked);
});

我最初为事件侦听器选择了标签，但是控件只在第二次单击时才有React（这变得很烦人）。
喜欢图书馆，到目前为止我见过的最好的，没有增加复杂性。