jQuery切换按钮打开和关闭取决于结果

Question

我的视图页面上有一个选中的按钮....我想根据结果打开和关闭按钮。 这是我的视图页面上的按钮

我的代码

<input type="checkbox" name="newsletter" id="newsletter" value="1"   class="switch replacement" checked data-text-on="YES" data-text-off="NO">

$(document).ready(function () {
  $.get('userinfo/newsletter', function (datas) {
    if (datas==1) {
      $('#newsletter')[this.checked ? 'addClass' : 'removeClass']('switch replacement replacement');
    }
  });
});

但现在不能正常工作......如果按钮是ON我在firebug中看到这个动态创建的类<​​/ p>

<span class = "switch replacement checked replacement">

如果按钮关闭则该类为

"switch replacement replacement"

Answer 1

检查

 $('input#newsletter').attr('checked','checked');

取消选中

 $('input#newsletter').removeAttr('checked');

你的跨度类型相同：

$('span.switch').addClass('checked');


$('span.switch').removeClass('checked');

将所有这些示例结合到您需要的地方并且您已经完成了

Answer 2

    if($(this).is(':checked')){
     $(this).attr('value',1);

     }else{
     $(this).attr('value',0);
     }