Question

我需要检查是否选中了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
}

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

Answer 1

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

Answer 2

您可以尝试使用此代码段。

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

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

2 个答案: