jQuery无法通过onClick事件工作

Question

由于某种原因，我的jQuery似乎无法正常工作。 我有一个Javascript函数TogAddCancel（），它是从输入“ btnAddCncl”的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

好。 弄清楚了！ 只需将src =“ http：// ..”中的“ http：”更改为“ https：// ...”即可。