Question

我有以下html部分

<div style="display:inline-block" class="seeker">
    <style>h2   {color: white;}</style>
        <form action="">
        <input type="checkbox" class="seek" id=CLOUD name="CLOUD" value="CLOUD"  >CLOUD &emsp;
        <input type="checkbox" class="seek" id=TESTING name="TESTING" value="TESTING"  >TESTING &emsp;
    </form>
</div>

这是脚本的一部分

<script>
$('.seek').click(function(){
     alert("test");
     /*var value = document.getElementById(id).value;
     var endpoint = '/xyz/pqr/'
     var url = endpoint.concate(value)
     $.get(url, function(data){
         $("#testDIV").html(response);
           });*/
});

但是在检查复选框时，ajax调用没有触发任何代码问题？

Answer 1

我注意到的第一件事是你正在使用$（'＃seek'）。 seek是一个类，所以你应该使用$（'。seek'）来选择它。

jQuery使用标准的“CSS”选择器。所以

# = ID
. = Class
[name='foo'] = Name
ect

Answer 2

＆＃13;

$('.seek').on('change', function() {
   var checkedValues = $('.seek:checked').map(function(){
     return $(this).val();
   }).get();
   console.log("Changed: ", this.value, "to", this.checked)
   console.log(checkedValues);  
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="display:inline-block" class="seeker">
    <style>h2   {color: white;}</style>
        <form action="">
        <input type="checkbox" class="seek" id=CLOUD name="CLOUD" value="CLOUD"  >CLOUD &emsp;
        <input type="checkbox" class="seek" id=TESTING name="TESTING" value="TESTING"  >TESTING &emsp;
    </form>
</div>

＆＃13;

您应使用change事件，而不是click复选框：

$('.seek').on('change', function(event) {
     event.preventDefault();
     alert("test");
});

Answer 3

您帖子中的

$.get位于评论栏内，包含/**/，只需删除评论

Ajax请求无法启动

3 个答案: