复选框值true/false

Question

我有一个带复选框的表单,我希望在提交表单后,当它返回到同一视图时出现错误,以便对其进行检查.我听说value属性可以帮助我选中复选框,所以我试着把它设置为true/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>

Answer 2

要根据是否选中复选框返回真或假，我在 JQuery 中使用它

let checkState = $("#checkboxId").is(":checked") ? "true" : "false";

Answer 3

使用 Checked = true

$("#checkbox1").prop('checked', true);

注意:我不清楚是否要在复选框上onclick/onchange事件.is(":checked", function(){})问题是错的.