javascript - seleccionar - marcar y desmarcar checkbox en función de otro checkbox

Cómo enviar 0 si la casilla de verificación está desmarcada y enviar 1 si la casilla de verificación está marcada en HTML

Question

¿Cómo se envía el valor 1 si se marca una casilla de verificación en una matriz de casillas de verificación y se ingresa 0 si no está marcada? Intenté esto pero no tuve suerte. Estoy tratando de tomar esta matriz en una matriz php cuando se envía el formulario. ¡Por favor ayuda!

<input id = ''testName0'' type = ''checkbox'' name = ''check[0]'' value = ''1'' checked>
<input id=''testNameHidden0''  type=''hidden'' value=''0'' name=''check[0]''>

<input id = ''testName1'' type = ''checkbox'' name=''check[1]'' value = ''1'' unchekced>
<input id=''testNameHidden1''  type=''hidden'' value=''0'' name=''check[1]''>

<input type = ''submit'' value = ''Save Changes''>
>
<script>
if(document.getElementById(''testName0'').checked){
  document.getElementById(''testNameHidden0'').disabled = true;
}
</script>

<script>
if(document.getElementById(''testName1'').checked){
  document.getElementById(''testNameHidden1'').disabled = true;
}
</script>

Answer 1

El más simple, no se requiere javascript , simplemente coloque una entrada oculta antes de la casilla de verificación:

<input type="hidden" name="check[0]" value="0" />
<input type="checkbox" name="check[0]" value="1" />

Las entradas deben tener el mismo nombre. Si la casilla de verificación está marcada, se enviará el valor 1; de lo contrario, se valorará 0 desde la entrada oculta.

Su caso de solución de JavaScript , no necesita entradas ocultas:

<script type="text/javascript">
    // when page is ready
    $(document).ready(function() {
         // on form submit
        $("#form").on(''submit'', function() {
            // to each unchecked checkbox
            $(this + ''input[type=checkbox]:not(:checked)'').each(function () {
                // set value 0 and check it
                $(this).attr(''checked'', true).val(0);
            });
        })
    })
</script>

<form method="post" id="form">
    <input type="checkbox" name="check[0]" value="1" />
    <input type="checkbox" name="check[1]" value="1" />
    <input type="submit" value="Save Changes" />
</form>

Solución PHP , no se necesitan entradas ocultas:

<?php
    // if data is posted, set value to 1, else to 0
    $check_0 = isset($_POST[''check''][0]) ? 1 : 0;
    $check_1 = isset($_POST[''check''][1]) ? 1 : 0;
?>

<form method="post">
    <input type="checkbox" name="check[0]" value="1" />
    <input type="checkbox" name="check[1]" value="1" />
    <input type="submit" value="Save Changes" />
</form>