Question

目前在我的javascript中有两个正在运行的功能 - function isChecked(checkbox, sub1)和function change(obj) - 而$(document).ready()下的其他两个功能无效。

没有控制台错误，我认为代码也不对。不知何故，这两个功能根本没有运行。

如何运行控制台日志以进一步调试？

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Order CDs</title>
</head>
<body>

<script type = "text/javascript">

function isChecked(checkbox, sub1) {
    var button = document.getElementById(sub1);

    if (checkbox.checked === true) {
        button.disabled = "";
    } else {
        button.disabled = "disabled";
    }
}

function change(obj) {

        var selectBox = obj;
        var selected = selectBox.options[selectBox.selectedIndex].value;
        var retCustDetails = document.getElementById("retCustDetails");
        var tradeCustDetails = document.getElementById("tradeCustDetails");

        if(selected === 'ret'){
            retCustDetails.style.display = "block";
            tradeCustDetails.style.display = "none";
        }
        else{
            retCustDetails.style.display = "none";
            tradeCustDetails.style.display = "block";
        }
    }

$(document).ready(function(){
    $('#termsChkbx').change(function(){
        if($(this).is(':checked'))
        {
            $(this).parent('p').css('color','black');
        }
        else
        {
             $(this).parent('p').css('color','red');
        }
    });  

$(document).on("click",".chosen",function() {
        var sum=0;
    var chk=$(this).find("input");
    if(chk.is(':checked')) {
        sum = sum + parseInt(chk.val());
    } else {
        sum = sum - parseInt(chk.val());
    }
    $('#total').val(sum);
}); 

});

</script>

Answer 1

您可以运行console.log(someVariableName)将任何变量的值输出到控制台。在大多数浏览器中，您可以使用F12打开deveoper工具，您可以在其中查看输出。

您很可能还会在那里找到一个有用的调试器，它允许您逐步运行并观察程序的执行。

Answer 2

您可以使用console.log("My log message")或console.log(myLogVariable)。

在你的例子中我会说你忘了加载JQuery。将其添加到您的<head>部分。

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

Answer 3

在首次使用<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>之前，使用$导入jQuery库。我已在head部分为您添加了该内容。

 <head>
        <meta charset="UTF-8" />
        <title>Order CDs</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
        </head>
    <body>

现在您的代码没有错误。要进行调试，您可以使用console.log("Anything")或console.log("Anything")。这将打印在console标签中。

按F12打开调试器。点击＆＃34;控制台＆＃34;标签。在这里，您将获得所有错误日志和自定义日志（如果使用console.log("my own message")）。

键盘快捷键：ctrl+shift+j，ctrl+shift+i或f12

Javascript有些功能不起作用

3 个答案: