jQuery 根据结果将选中按钮切换为打开和关闭答案

【问题标题】：jQuery switch checked button to on and off depending on the resultjQuery 根据结果将选中按钮切换为打开和关闭
【发布时间】：2013-08-20 23:57:59
【问题描述】：

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

我的代码

<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');
    }
  });
});

但现在不工作...如果按钮打开，我会在 firebug 中看到这个类，它是动态创建的

<span class = "switch replacement checked replacement">

如果按钮是关闭的，那么类是

"switch replacement replacement"

【问题讨论】：

什么插件会生成那个漂亮的按钮？
checked无效，试试checked="checked"

标签： javascript jquery ajax checkbox

【解决方案1】：

检查一下

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

取消勾选

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

对于您的跨度类型相同：

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


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

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

【讨论】：

@hellosheikh 玩得开心！ ;)

【解决方案2】：

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

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

【讨论】：