选中与否时如何使复选框带有正确的值答案

【问题标题】：How to make a checkbox carry the correct value when checked or not选中与否时如何使复选框带有正确的值
【发布时间】：2019-09-07 11:37:48
【问题描述】：

当复选框留空时，我希望它带有值“false”，而当复选框被选中时，我希望它带有值“true”。

<label for="windscreen"><b>Windscreen</b></label>
        <input class="form-control" id="windscreen" type="checkbox" name="windscreen">

        <label for="heatedchairs"><b>Heated Chairs</b></label>
        <input class="form-control" id="heatedchairs" type="checkbox" name="heatedchairs">

        <label for="indicators"><b>Indicators</b></label>
        <input class="form-control" id="indicators" type="checkbox" name="indicators">

        <input class="btn btn-primary" type="submit" id="register" name="create" value="Sign up">


<script
   function register {
   document.getElementById("windscreen").checked = true;
   document.getElementById("windscreen").checked = false;
   }>
</script>

我已经为我的一个具有 id="windscreen" 的复选框尝试了这个，但它没有做任何事情

当复选框被选中时，它会返回值 true，当它被取消选中时，它会返回值 false。因此，在数据库中，它将被保存为 false 或 true，而不是像现在那样全部“打开”

【问题讨论】：

而不是像现在那样全部“开启”-->请解释一下。也可能是您对数据库保存代码有疑问。所以在这里也添加它
你见过stackoverflow.com/questions/6204885/… 吗？请修复应该是 <script> 和 <script code here> 的脚本标签
POST unchecked HTML checkboxes的可能重复

标签： php

【解决方案1】：

也许下面的代码可以帮助你解决问题。

<label for="windscreen"><b>Windscreen</b></label>
<input class="form-control" id="windscreen" type="checkbox" name="windscreen">

<label for="heatedchairs"><b>Heated Chairs</b></label>
<input class="form-control" id="heatedchairs" type="checkbox" name="heatedchairs">

<label for="indicators"><b>Indicators</b></label>
<input class="form-control" id="indicators" type="checkbox" name="indicators">

<input class="btn btn-primary" type="submit" id="register" name="create" value="Sign up">


<script>
    var windscreen = document.getElementById("windscreen");
    var heatedchairs = document.getElementById("heatedchairs");
    var indicators = document.getElementById("indicators");

    // default false
    windscreen.checked = false;
    heatedchairs.checked = false;
    indicators.checked = false;
    console.log('default windscreen ---- ', windscreen.checked);
    console.log('default heatedchairs ---- ', heatedchairs.checked);
    console.log('default indicators ---- ', indicators.checked);
    document.getElementById('register').onclick = function () {
        console.log('clicked windscreen ---- ', windscreen.checked);
        console.log('clicked heatedchairs ---- ', heatedchairs.checked);
        console.log('clicked indicators ---- ', indicators.checked);
    }


</script>

【讨论】：