复选框用Label,点击子标签应该打开超链接:javascript

时间:2013-03-25 13:11:55

标签: javascript html

如何制作一个包含文本的复选框以及复选框,就像我在本文中有一个带有标签“我接受”服务条款“”的复选框,我的服务条款应该是点击Term的超链接服务文本应该打开另一个HTML页面,我已经完成使用下面的代码,但使用此代码检查并取消选中复选框,而不是打开超链接。

 <input name="checkbox-0 " type="checkbox" data-iconpos="left" id="Chkterms">I accept the <a href="#terms-of-service">Terms of Services</a>. </label>

4 个答案:

答案 0 :(得分:0)

在onchange中调用javascript函数并执行

答案 1 :(得分:0)

移除包裹label以防止点击a标记以选中此框。

有关演示,请参阅此fiddle

答案 2 :(得分:0)

准确地说,这段代码对我来说很好 刚修改它以在新页面中打开google.com

<html>
 <input name="checkbox-0 " type="checkbox" data-iconpos="left" id="Chkterms">

 I accept the <a href="http://google.com" target=_blank>Terms of Services</a>.
</html>

答案 3 :(得分:0)

这对你有用。我已将label设为<label for="Chkterms">。并使用span作为可点击链接。

注意: 打开#terms-of-service会将页面滚动到ID为terms-of-service的元素,而不是服务条款页面。

<强> jsFiddle