我有一个页面,其中包含多个复选框,这些复选框具有相同的类名,并且在“ id”中具有值,我将该ID值引发为ajax。当我单击第一个复选框时,它可以正常工作,但是从第二个复选框开始,它也对所有先前选择的复选框执行click事件。
$('.addmycar').on('click', function() {
var element = $(this);
var car_id = element.attr("value");
alert(car_id);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="addmycar" id='BMW' value='1'>
<input type="checkbox" class="addmycar" id='AUDI'value='2'>
<input type="checkbox" class="addmycar" id='HONDA' value='3'>
<input type="checkbox" class="addmycar" id='TATA' value='4'>
在上面的输入复选框中,首先单击“正常工作”,然后单击一秒钟的复选框,它会执行两次,依此类推