textdecoration入力フィールドを変更するチェックボックス

Question

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

どうすればこの作品を作成できますか？ はここで事前

Answer 1

にどうもありがとうございますあなたのコードに基づいて作業JSFiddle例である以上：Link to example

コードスニペット：（</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>