jquery - Bootstrap 复选框始终返回

Question

我正在使用 Bootstrap 复选框。获取值和复选框的代码如下

    $( document ).ready(function() {
      
      var mycheckboxNewVal;
      
      var mycheckboxVal	= $('#mycheckbox').val();
      
      if(mycheckboxVal == 'on')
        {
          mycheckboxNewVal==1;
        }
      else
        {
          mycheckboxNewVal==0;
        }
          
      alert("mycheckboxNewVal :"+mycheckboxNewVal);

       
      
    });

    <div class="col-sm-1-5"><label class="control-label" for="pwd">Check Box </label></div>
      <div class="col-sm-1">
        <span class="button-checkbox">
    		<input type="checkbox" class="hidden" checked id="mycheckbox"/>
    		<button type="button" class="btn-chk" data-color="success"></button>
    	</span>
    </div>	

当我执行 'alert("mycheckboxNewVal :"+mycheckboxNewVal);' 时我总是得到值(value) 1。

我哪里出错了？

Answer 1

如果是 checkbox，则不要检查值，而是检查 checkbox 的 checked 属性。

  var mycheckboxVal = $('#mycheckbox')[0].checked;

  if(mycheckboxVal)
    {
      // Checkbox is checked.
      mycheckboxNewVal==1;
    }
  else
    {
      mycheckboxNewVal==0;
    }