是否可以制作链接的chekbox?

时间:2016-06-03 21:36:49

标签: javascript html css

我的意思是,只要您点击复选框将您引导至某个链接?我目前正在制作一个开关类型按钮,想知道我是否可以在他们转动开关后立即将某人链接到网页。

4 个答案:

答案 0 :(得分:3)

是的,事件监听器当然可以。

然而,它将是非常糟糕的用户体验,因为没有人希望点击复选框除了切换复选框以外可能会执行任何操作,并可能显示与复选框相关的消息。最好坚持使用普通链接。

答案 1 :(得分:1)

是的,您可以使用jquery。它是一个基于javascript的通用库,演示简单易读。您可以查看here

html

<label>Checkbox linked<label/><input type="checkbox" id="checkId"/>

jquery代码

$(document).ready(function(){
    $("#checkId").click(function(){
        //this option open a new tab
        window.open("http://www.facebook.com");
        //this option open in te current tab
        window.location = "http://www.facebook.com";
    });
});

答案 2 :(得分:-1)

您可以在复选框上使用JavaScript onclick事件,并使用window.location重定向它们,如下所示:http://www.w3schools.com/js/js_window_location.asp

答案 3 :(得分:-2)

<a onclick='window.location="https://google.com"'>
  <label>
    Click me
    <input type='checkbox'/>
  </label>
</a>