javascript - 选中复选框时有效创建变量，并稍后在代码中使用这些变量

Question

以下是我需要帮助的信息。

$(document).ready(function(){
        $('.checkboxes :checkbox').click(function(){
            if($(this).is(':checked')){
                console.log(this.id + this.checked)

我想设置一个与选中框的id同名的变量 所以如果 showItems 被选中我会有一个变量 var showItems = true； 我想要这个，这样我就可以看到是否选中了 showItems，这将使我能够执行正确的功能 我想我可以做这样的事情

                if($this.id = "withones"){
                    var withones = true;//on
                }
                if($this.id = "withoutOnes"){
                    var withoutOnes = true;//on
                }
                etc.

我觉得上面的代码是一种菜鸟方式。可以说我有很多复选框，而且看起来我也在重复自己。我尝试将 id 放入数组中并循环遍历它们，但是当我单击该框时，我在控制台中得到了 html 元素。我希望有人告诉我是否有更有效的方法来设置这些变量。如果是的话请告诉我。

另外，我是编程新手，所以感谢您迄今为止的帮助。但我也在思考另一个问题。如果我在这里设置这些变量，并且我想在其他地方设置另一个函数来执行数学运算本身。我希望该函数能够评估 withones 和 withoutOnes 变量的值，所以我想在函数中执行类似的操作

function add(){
                    if(withones){ //true|| false
                        return 2 + 2;
                    }
                    if (withoutOnes) {
                        return 'blah'
                    };
                }

我过去在尝试测试函数外部设置的值时遇到了问题。我想我尝试将其设置在参数中。但它就是没有读。如果您还可以向我展示一个在代码中其他地方使用变量的示例(如上面讨论的那样)，那将会很有帮助。我忘了提及，当用户单击该框时，变量的值将会改变。要么为真，要么为假。我认为我过去的问题是，当选中该框然后取消选中时，我在更改变量时遇到问题，特别是当它在单独的函数中使用时

            }
        });
    });

Answer 1

您可以拥有一个带有变量的对象，然后动态地将变量添加到该对象:

var oVars = {}

//添加一个变量 oVars[nameVar] = valueVar

//访问变量 oVars[nameVar]