jQuery无法使用onClick事件

Question

出于某种原因，我的jQuery似乎没有用。我有一个Javascript函数--TogAddCancel（） - 从输入＆＃34; btnAddCncl，＆＃34;的onClick属性调用。该功能旨在切换按钮的值。它在没有jQuery的情况下工作正常，但是根本不用jQuery执行。有什么想法吗？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

没有jQuery：

function TogAddCancel() {

    var x = document.getElementById("btnAddCncl").value;
    if (x=="Add") {
        document.getElementById("btnAddCncl").value = "Cancel";
    } else {
        document.getElementById("btnAddCncl").value = "Add";
    }

}

使用jQuery

function TogAddCancel() {

    var x = $('#btnAddCncl').val();
    if (x=="Add") {
        $('#btnAddCncl').val("Cancel");
    } else {
        $('#btnAddCncl').val("Add");      
    }
}

从：

调用TogAddCancel（）

<cfinput type="button" id="btnAddCncl" name="btnAddCncl" onClick="TogAddCancel()">

Answer 1

您的脚本标记不正确。尝试：

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

修改

如果您的拼写错误已被清除且仍然无效，您也可以尝试将click()与jQuery一起使用：

$('#btnAddCncl').click(function() {
    var x = $('#btnAddCncl').val();
    if (x=="Add") {
        $('#btnAddCncl').val("Cancel");
    } else {
        $('#btnAddCncl').val("Add");      
    }
});

无需onClick。

Answer 2

行。弄清楚了！这就像改变＆＃34; http：＆＃34;在src =＆＃34; http：//。 。 。 ＆＃34;到＆＃34; https：//。 。 。 ＆＃34;