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>

动态绑定复选框和标签

1 个答案: