引导复选框始终返回

Question

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

    $( 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);'我总是得到价值 1。

我在哪里犯错了？

Answer 1

checkbox 的情况下不要检查值，检查复选框的checked 属性。

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

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

Answer 2

你需要得到checked一个：

$('#mycheckbox:checked').val();