Javascript 用于更改文本装饰输入字段的复选框

使用javascript，我希望我的复选框更改输入文本字段的文本装饰。 因此，选中时，输入文本字段中的文本将变为粗体

记住，我在学习，所以我不是像你们这样的专业人士；）

我是这样想的

var checkbox = create("input");
    checkbox.type = "checkbox";
    checkbox.id = "checkboxId" + counter;
    div.appendChild(checkbox);
    checkbox.onClick="boldChange(this)"

var input = create("input");
    input.type = "input";
    input.id = "inputId" + counter;
    div.appendChild(input);



function boldChange()
var boldgroup = document.getElementsByName(el.name);
for (var b=0; boldgroup[b]; ++b)
inputId.style.textDecoration = boldgroup[b].checked ? 'bold' : 'none';
}

我怎样才能做到这一点？

---

提前非常感谢

以下是一个基于上述代码的JSFIDLE工作示例：

代码片段：（放在下面，以便加载所有DOM）

var div=document.getElementById（'div'），
计数器=0；
var checkbox=document.createElement（“输入”）；
checkbox.type=“checkbox”；
checkbox.id=“checkboxId”+计数器；
div.appendChild（复选框）；
checkbox.onclick=boldChange；
计数器++；
var输入=document.createElement（“输入”）；
input.type=“text”；
input.id=“inputId”+计数器；
div.appendChild（输入）；
函数boldChange（）{
input.style.fontWeight=（checkbox.checked）？'bold'：'normal'；
}

文本装饰：粗体

不是有效的CSS，IIRC@Opoe：您的思路绝对正确，只需对代码进行一些调整：）

<script>
    var div = document.getElementById('div'),
    counter = 0;

    var checkbox = document.createElement("input");
    checkbox.type = "checkbox";
    checkbox.id = "checkboxId" + counter;
    div.appendChild(checkbox);
    checkbox.onclick = boldChange;
    counter++;

    var input = document.createElement("input");
    input.type = "text";
    input.id = "inputId" + counter;
    div.appendChild(input);



    function boldChange() {
        input.style.fontWeight = (checkbox.checked)?'bold':'normal';
    }
</script>