将jQuery click事件绑定到常规javascript按钮

时间:2013-01-30 17:16:12

标签: javascript jquery validation

我正在尝试在jquery中创建一个简单的函数,如果单击“取消”按钮,则将用户的浏览器定向到上一页,但由于我对jquery的经验很少,我对如何操作有点了解。

<input type="button" id="cancelBc2" name="cancelForm" value="Cancel">
$(document.ready(function() {
    $('cancelBc2').click(function() {
        var cancel = confirm("Are you sure you want to leave the page?");
        if (cancel == true) {
            window.location = "chooseConfig.php";
        }
    });
});

我错过了什么或者页面完全忽略了

$(document.ready(function()?

3 个答案:

答案 0 :(得分:5)

您缺少选择器上的#

$('cancelBc2')  //looking for an element <cancelBc2 />
$('#cancelBc2')  //looking for an element with id="cancelBc2"

你有一个错字

$(document.ready

应该是

$(document).ready(function()

更好

$(function(){});

答案 1 :(得分:3)

应添加前缀#以在jQuery中选择Id

$('#cancelBc2').click(function() {
    var cancel = confirm("Are you sure you want to leave the page?");
    if (cancel == true) {
        window.location = "chooseConfig.php";
    }

});

有关信息:http://api.jquery.com/id-selector/

答案 2 :(得分:0)

您的代码很好,但您错过了正确的选择器。它应该是$('#cancelBc2')

这将选择ID为cancelBc2

的DOM中的元素

有关jQuery选择器的完整列表,请使用:

http://www.w3schools.com/jquery/jquery_ref_selectors.asp