如何取消选中Bootstrap复选框

时间:2016-02-02 08:06:59

标签: jquery html twitter-bootstrap checkbox

我正在尝试检查并取消选中bootstrap复选框。我正在使用var测试。我从DB获得的价值。 如果值为零(0)我想取消选中该复选框,如果值为一(1),我想选中复选框。它看起来很简单。

Jquery的

if (test == 0) {
  $('#myCheck').prop('checked', false);
  alert("I am false");
} else {
  $('#myCheck').prop('checked', true);
  alert("I am True");
}

HTML

<div class="row">
  <div class="col-sm-2">
    <label class="control-label" for="pwd">My checkbox:</label>
  </div>
  <div class="col-sm-1">
    <span class="button-checkbox">
        <input type="checkbox" class="hidden" checked id="myCheck" />
        <button type="button" class="btn-chk" data-color="success" ></button>
    </span>
  </div>
</div>

test为零(0)时,它会进入if block并收到提醒消息I am false,当它真实时我会进入{{1}我收到消息else block,但始终检查Checkbox。我在哪里弄错了?我将不胜感激任何帮助。

更新1:

Bellow是我用来自定义复选框按钮的代码

&#13;
&#13;
I am true
&#13;
&#13;
&#13; 上面的代码导致了问题。谁能告诉我

1 个答案:

答案 0 :(得分:0)

使用

var eu_want_team = $('#eu_want_team').is(':checked');
alert(eu_want_team);

if($("#eu_want_team").prop("checked"))
{


}