Question

在HTML中我写了点击功能，但是这个功能没有执行任何人都可以请帮助我为什么会发生这种情况？如何解决这个错误？

＆＃13;

function search() {
  console.log($("#search-form").serialize());
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="checkbox dogbreed" name="breed[]" value="Airedale Terrier" onclick="search();">

＆＃13;

Answer 1

确保在元素之前声明您的函数：

<head> 
    <script>
        var search=function(){
        console.log("hello world");
        };
    </sript>
</head>
<body>
    <input type="checkbox" class="checkbox dogbreed" name="breed" value="Airedale Terrier" onclick="search()"/>
</body>

https://jsfiddle.net/cce1jw3v/12/

Answer 2

Onclick事件正在解雇。但是您正在使用form.serialize()。但复选框不在中。所以console.log()显示为空。当复选框为checked时，序列化将显示。

function search() {
  console.log($("#search-form").serialize());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="search-form">
<input type="checkbox" class="checkbox dogbreed" name="breed[]" value="Airedale Terrier" onclick="search()">
<label>Airedale Terrier</label>

Answer 3

你有什么应该工作。请参阅代码段。

function search() {
  console.log($("#search-form").serialize());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="search-form">
<input type="checkbox" class="checkbox dogbreed" name="breed[]" value="Airedale Terrier" onclick="search();">
</form>

在jQuery中没有触发Onclick事件

3 个答案: