Checkbox value true/false

Question

I have a form with checkbox and I want to keep it checked after submitting the form when it goes back to the same view with an error. I heard that the value attribute can help me to make the checkbox be checked so im trying to set it to true/false. Anyway, the input value stays "false" even if I click it. What happens exactly? I thought the value goes true/false after clicking the checkbox

<input type="checkbox" name="acceptRules" class="inline checkbox" id="checkbox1" value="false">        <script>           $("#checkbox1").is(':checked', function(){               $("#checkbox1").attr('value', 'true');           });       </script> 

Answer 1

If I understand the question, you want to change the value of the checkbox depending if it is checked or not.

Here is one solution:

$('#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>