javascript - 动态绑定带有标签的复选框

Question

我想使用其 id 动态绑定复选框及其各自的标签。下面，正在动态创建输入框。我想使用 id 将它们与它们各自的标签绑定，如代码中所示。

        <span wicket:id="tagList" style="width: 30%;"> <input
                wicket:id="check" type="checkbox" id="check1" class="checker"
                style="float: left; margin-right: 15pt;"><em> <label
                    for="check1" wicket:id="tag" style="float: left;" />
            </em><br></br>
            </span>

我怎样才能使用javascript来做到这一点？

Answer 1

我为你创建了简单的 JS，http://jsfiddle.net/7V8Gd/3/

希望这足以让你开始

<input onclick="onCheckbox(this, '1');" type="checkbox" id="check_1" class="checker">
<label id="label_1"></label>
<input onclick="onCheckbox(this, 2);" type="checkbox" id="check_2" class="checker">
<label id="label_2"></label>
<script>
    function onCheckbox(chkbox, cid){
        if (chkbox.checked) {
    document.getElementById("label_" + cid).innerHTML='yay';
            }            
            else{
    document.getElementById("label_" + cid).innerHTML='no yay';
            }            
    }
    </script>