0

使用 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';
}

我怎样才能使这项工作？非常感谢你提前

4

1 回答 1

2

这是一个基于您上面的代码的工作 JSFiddle 示例：链接到示例

代码片段：（放置在下面</body>以便加载所有 DOM）

<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>
于 2010-12-06T17:15:51.990 回答