Javascript 允许在引导复选框文本中单击链接

我正在使用Bootstrap和FontAwesome的组合来创建一些触摸可访问的复选框控件。作为复选框文本标签的一部分，我希望包含指向另一个页面的链接，但它似乎不起作用。我猜在引导JavaScript中有一个stopPropagation（）调用导致了这个问题，但是我找不到解决这个问题的方法。我的HTML代码如下

<div class="btn-touch btn-group btn-group-vertical" data-toggle="buttons">
    <label class="btn" for="cbAgree">
        <input id="cbAgree" type="checkbox" name="cbAgree" />
        <i class="fa fa-square-o fa-2x"></i>
        <i class="fa fa-check-square-o fa-2x"></i>
        <span>I agree to the <a href='http://www.google.com' target='_blank'>Terms & Conditions</a></span>
    </label>
</div>

我同意这个建议

这里有一把小提琴更好地说明了国际空间站：

---

我在这里更新了您的示例：

它需要

标记，并且可以选择隐藏输入：复选框

<div class="btn-touch btn-group btn-group-vertical" data-toggle="buttons">
<form>
    <label class="btn" for="MainContent_MainContent_lvTrip_cbYCJAgree_0">
        <input id="MainContent_MainContent_lvTrip_cbYCJAgree_0" type="checkbox" name="ctl00$ctl00$MainContent$MainContent$lvTrip$ctrl0$cbYCJAgree" />
        <i class="fa fa-square-o fa-2x"></i>
        <i class="fa fa-check-square-o fa-2x"></i>
        <span>I agree to the <a href='/Terms' target='_blank'>Terms & Conditions</a></span>
    </label>
</form>
</div>

我同意这个建议

cbrawl提供的链接提供了解决方案。下面的jquery解决了我的问题，谢谢

$('.btn-touch').on('click', 'label a', function (e) {
    event.stopPropagation();
    event.preventDefault();
    window.open($(this).attr('href'), $(this).attr('target'));
    return false;
});

---

谢谢，成功了。