0

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を使用してどのように行うことができますか？

4

1 に答える 1

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>
于 2013-01-30T02:58:15.333 に答える