我在标签内有一个链接。问题是,当用户在阅读条款后单击“返回”时,该复选框未被选中,因为当他们单击链接时,由于链接位于标签内,因此他们同时也取消了该复选框。
<input type="checkbox" id="terms" name="terms" checked="checked" />
<label for="terms">I agree to be bound by the <a href="/terms">Terms</a></label>
单击链接时如何防止选中该复选框?尝试在标签点击时执行
event.preventDefault()
,但这不会阻止选中/取消选中复选框。我可以从标签内取出链接(这意味着更多的CSS样式)。但是现在我很好奇以上是否可行。
最佳答案
您可以通过在onclick事件中进行路由来取消click事件。
“返回假”;部分将阻止click事件上移至标签。
<input type="checkbox" id="terms" name="terms" checked="checked" />
<label for="terms">I agree to be bound by the <a href="#" onclick="window.open('/terms','_blank');return false;">Terms</a></label>
关于javascript - 单击标签内的链接时如何防止复选框选中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/1098269/