在放入表单数据之前将 HTML-checkbox 转换为字符串答案

【问题标题】：Make HTML-checkbox into string before putting into form data在放入表单数据之前将 HTML-checkbox 转换为字符串
【发布时间】：2016-03-11 10:23:38
【问题描述】：

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

Javascript 代码

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

formdata_object = {
  "formcheckbox" : isitchecked.value
}

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

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

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

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

你可以简单地试试这个代码sn-p。

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

【讨论】：

这似乎是最简单的解决方案，我会尝试并返回结果

【解决方案2】：

    <!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)
                    });
                 });

【讨论】：

由于我的应用程序架构，我不想使用 onchange 的 HTML 元素