javascript - 未捕获的 ReferenceError : lookup is not defined at HTMLButtonElement. onclick

标签 javascript jquery checkbox syntax-error

我一直在浏览器上收到此语法错误。我不确定我在这里错过了什么。

基本上,我试图向外部 Web API 发出请求,该 API 将一组选中的复选框值作为在查询参数中传递的参数。

这是我的 javascript。

 function lookup() {
        var query = document.getElementById("sform").value;
        //   var res = PageMethods.lookupfromjs_Click(query, onSuccess, onError);
        var dttypeList;
        $('#Button1').click(function() {
            $('input[type=\"checkbox\"]').each(function(){
                dttypeList.push(this.name);
                alert( $.toJSON(dttypeList));
            });
        });​
    }

这是html

<!DOCTYPE html>

<head runat="server">
    <title></title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"  type="text/javascript"></script>
        <script src="Scripts/lookup.js" type="text/javascript"></script>
    <script src="Scripts/getdatatype.js" type="text/javascript"></script>
</head>
<body>
    <section class="webdesigntuts-workshop">
    <form id="form1" runat="server">
         <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" >

         </asp:ScriptManager>    
    <div>

        <asp:TextBox type="search" name="search" id="sform" placeholder="What are you looking for?" runat="server" />       
         <asp:TextBox type="search" name="hdnText" id="hdnText" runat="server" />

      <button id="Button1" onclick="lookup()" type="button">Search</button>

    </div>
    <div>
        <p> </p>
    </div>

            <div>
                 <button id="Getdtbtn"  type="button" onclick="getDatatypes()">Get Datatypes</button>
            </div>
        </form>


        </section>
</body>
</html>

最佳答案

查找函数甚至需要声明吗?使用您发布的有限 HTML 片段,我试图拼凑出一些类似于您可能一直试图实现的目标:

var query =  document.getElementById('sform').value;
var dtypeList = [];
$('#Button1').click(function() {
  $('input[type="\checkbox\"]').each(function() {
  dtypeList.push(this.name);
  alert(JSON.stringify(dtypeList));
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="sform">
  <label for="Hello">Hello</label>
  <input type="checkbox" name="Hello">
  <label for="World">World</label>
  <input type="checkbox" name="World">
  <button id="Button1" type="button">Search</button>
</form>

这仍然循环遍历所有复选框,并在您单击按钮后将它们吐出以发出警报。

另外,请引用这篇关于 $.toJSON(): https://stackoverflow.com/a/7759630/3611025 的帖子

关于javascript - 未捕获的 ReferenceError : lookup is not defined at HTMLButtonElement. onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41947251/

相关文章:

php - sql消息表 'testowanie.id'不存在

javascript - UIAutomation 测试计时器等到完成

javascript - CoffeeScript 'public' 不允许关键字

javascript - 如何在 Chrome 21+ 中使用 getUserMedia 捕获麦克风输入?

javascript - 鼠标悬停时同时在 2 个 div 上发生事件

java - Android 多复选框

javascript - 如何在关闭时清除 Bootstrap 远程模式内容?

php - 我如何创建一种绕过密码确认和电子邮件确认的方法?

jQuery Focus 在 Firefox 上失败

jquery - 如何使用 jQuery 检查 parent sibling 的所有复选框