Ajax请求未启动

Question

I have below html part

<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>

and this as part of script

<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);
           });*/
});

But on checking the checkbox the ajax call is not triggered any issue with code?

Answer 1

The first thing I noticed is that you are using $('#seek'). seek is a class so you should be using $('.seek') to select it.

jQuery uses the standard "CSS" selectors. so

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