相关疑难解决方法(0)

我有一个div容器,其中包含html复选框及其标签.使用jquery我想在有人点击此容器中的标签时触发点击事件.

当我点击标签时,我看到jquery click事件触发了两次!

出于测试目的,我触发了复选框上的click事件而不是标签,此处复选框单击事件触发器只应该一次.

这是小提琴. http://jsfiddle.net/AnNvJ/2/

<tr>
    <td>
        <div id="test">
            <label>
                <input type="checkbox" id="1" />demo1</label>
            <label>
                <input type="checkbox" id="2" />demo2</label>
            <label>
                <input type="checkbox" id="3" />demo3</label>
        </div>
    </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>

JQUERY

$(document).ready(function () {

    $('#test label').live('click', function (event) {
        alert('clicked');
    });


    $('#test checkbox').live('click', function (event) {
        alert('clicked');
    });

});