Question

我在网页上有一个复选框，我希望勾选复选框时，提示符应显示'消息和是\否按钮'。单击是应该将用户带到下一个网站，然后单击否只关闭提示。

如何使用Javascript完成此操作。程序如何知道复选框是否有效？我使用addeventlistner阅读但我不知道如何使用它。有人可以分享一个例子。

Answer 1

您可以使用addEventListener绑定事件

document.getElementById('testcb').addEventListener('change', function () {
    if (this.checked) {
        if (confirm('Really Take me to new loaction?')) {
            alert("Take me to new loaction");
            //window.location.href = newURL;
        }
    }
}, false);

DEMO

Answer 2

我建议使用像jQuery这样的库，你可以像这样做somtehing

HTML：

<input type="checkbox" name="testcb" id="testcb" />

JavaScript的：

$(function() {
    $('#testcb').click(function() {
        if (this.checked) {
           if (confirm('Really?'))
               window.location.href = newURL;
        }
    });
});

小心addEventListener：它不适用于IE 8及更低版本，并且'change'事件在同一浏览器中错误（IE8-）（http://www.quirksmode.org/dom/events/change.html）

Answer 3

在复选框事件

上添加JavaScript函数

HTML
<input id="chk" onclick="doSomething()"  type="checkbox">


javascript function : 


function doSomething()
{
  var x = document.getElementById("chk").checked;
  if (x)
  { var conf = confirm("checkbox is checked, proceed ?");
   if (conf == true) {
   window.location = "http://www.google.com";
  }
 }
}

不要忘记添加jQuery的引用（可以从googleAPI添加）

Checkbox上的事件监听器应该为用户提供提示

3 个答案: