javascript - 复选框值真/假

Question

我有一个带有复选框的表单，我想在提交表单后返回到同一 View 并出现错误时保持选中状态。我听说 value 属性可以帮助我选中复选框，所以我尝试将其设置为 true/false。无论如何，即使我点击它，输入值仍然是“false”。到底发生了什么？我认为单击复选框后该值变为 true/false

<input type="checkbox" name="acceptRules" class="inline checkbox" id="checkbox1" value="false">

      <script>
          $("#checkbox1").is(':checked', function(){
              $("#checkbox1").attr('value', 'true');
          });
      </script>

Answer 1

如果我理解这个问题，您想根据是否选中来更改复选框的值。

这是一种解决方案:

$('#checkbox-value').text($('#checkbox1').val());

$("#checkbox1").on('change', function() {
  if ($(this).is(':checked')) {
    $(this).attr('value', 'true');
  } else {
    $(this).attr('value', 'false');
  }
  
  $('#checkbox-value').text($('#checkbox1').val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


<input type="checkbox" name="acceptRules" class="inline checkbox" id="checkbox1" value="false">

<div id="checkbox-value"></div>