动态将onclick分配给js单选按钮

时间:2019-07-16 09:50:35

标签: javascript onclick

我想在单击单选按钮时调用一个函数,但是我希望输入参数根据单击哪个按钮而有所不同。有3个单选按钮,分别是“定期”,“每周”和“每月”

当前,当它被调用时,所有三个单选按钮都使用正确的ID调用clickRadioButton函数,但是无论单击哪个按钮,第二个参数始终为“每月”。以下代码是我必须去的地方,但是我不确定为什么它不起作用。

var buttons = ["Regularly", "Weekly", "Monthly"];
    for (var i = 0; i<3; ++i)
    {
        var radioButton = schdeuleInput.appendChild(document.createElement("input"));
        radioButton.id = "scheduling_" + id + "_radioButton_" + buttons[i];
        radioButton.type = "radio";
        radioButton.name = "category" + id;
        radioButton.value = i;
        radioButton.onclick = function() 
        {
            switch(i)
            {
                case 1:
                    clickRadioButton(id, "Regularly");
                    break;
                case 2:
                    clickRadioButton(id, "Weekly");
                    break;
                case 3:
                    clickRadioButton(id, "Monthly");
                    break;
            }
        };
        radioButton.classList.add("autn_adv_cfg_scheduling_radiobuttons");
        if (buttons[i] === "Regularly")
        {
            radioButton.checked = "true";
        }

        schdeuleInput.appendChild(document.createElement("span")).innerText = buttons[i];
        schdeuleInput.appendChild(document.createElement("br"));
    }

我希望输出调用带有第二个参数的clickRadioButton(id,“”),具体取决于单击哪个按钮

0 个答案:

没有答案