在放入表单数据之前，将HTML复选框设置为字符串

Make HTML-checkbox into string before putting into form data

本文关键字：HTML 复选框设置字符串表单数据更新时间：2023-09-26

我需要检查是否选中了html复选框，然后创建一个变量以放入表单数据对象中，但我无法使其工作。

脚本代码

if(document.getElementById("checkbox").checked){
  var isitchecked = "yes";
} else{ 
  var isitchecked = "no";
}
formdata_object = {
  "formcheckbox" : isitchecked.value
}

我也尝试了下面的解决方案，但它也不起作用

formdata_object = {
  "formcheckbox" : document.getElementById("checkbox").value
}

我不知道如何将变量变成表单数据对象。如何继续？我甚至有正确的语法吗？

您可以简单地尝试此代码片段。

formdata_object = {
  "formcheckbox" : (document.getElementById("checkbox").checked ? 'yes' : 'no')
}

    <!DOCTYPE html>
        <html>
            <head>                
            </head>
            <body>
                <input type="checkbox"  id="checkbox"     onchange="isChecked()">
                <script>
                function isChecked(){
                    var isitchecked ;
                    if(document.getElementById("checkbox").checked){
                          isitchecked = "yes";
                        } else{ 
                          isitchecked = "no";
                        }
                        formdata_object = {
                          "formcheckbox" : isitchecked
                        }
                        console.log(formdata_object)
                }
                </script>
            </body>
        </html>

使用 jquery

           $(function(){
                    var isitchecked ;
                    $('input:checkbox').change(function(){
                        if(this.checked){
                            isitchecked = "yes";
                        }else{
                            isitchecked = "no";
                        }
                        formdata_object = {
                          "formcheckbox" : isitchecked //
                        }
                        console.log(formdata_object)
                    });
                 });