如何在ajax调用中进行multickeck

Question

多复选框在 ajax 中不起作用调用它将重置，我的复选框就像

<form action="#">

<?php 

foreach($rimdiameter as $rows) {

if($rows->rimdiameter!='') {

?>

<p>

<label>

<input type="checkbox" name="diametersearchs[]" value="<?php echo $rows->rimdiameter; ?>"  class="ads_Checkbox_diameter" id="diametersearch" multiple>

<span><?php echo $rows->rimdiameter; ?></span>

</label>

</p>

<?php } }?>

</form>    

单击一个复选框，它将运行查询并查看结果，然后单击下一个复选框，首先将取消选中，我的 ajax 代码

$('.ads_Checkbox_diameter').change(function(){

$('input[type="checkbox"]').not(this).prop("checked", false);

var final = '';

$('.ads_Checkbox_diameter:checked').each(function(){        

var final = $(this).val();

var type = 'diameter';

$("#loadMore").hide();

var siteurl = '<?php echo $root =  (!empty($_SERVER['HTTPS']) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'] . '/'; ?>';

$(".loadingimageproduct").show(); 

var serachfilterproductbyprice = 'serachfilterproductbyprice';  

var centre_bore='<?php echo $centre_bore;?>';

var bolt_pattern='<?php echo $bolt_pattern;?>';

var widtz=sessionStorage.getItem('widthz');

sessionStorage.setItem('diameter',final);

$.ajax({

url:"{{url('/')}}/serachfilterproductbyprice",

 method: 'POST',

data: {serachfilterproductbyprice:serachfilterproductbyprice ,width:widtz, siteurl:siteurl, type:type, final:final ,bore:centre_bore ,pattern:bolt_pattern , "_token": "{{ csrf_token() }}"},

success: function(data) {

$('#msgproductfilter').html(data);

$(".loadingimageproduct").hide();

$(".front_product_wheel_show").hide();

         $.ajax({

               //  save another data

                 });

          }

});

});

});

如果另一个正在单击时间，为什么复选框未选中，如何解决？我想多检查属性。它会在阵列中疼痛

Answer 1

您在change处理程序中做的第一件事就是明确取消选中所有其他复选框：$('input[type="checkbox"]').not(this).prop("checked",&nbsp;false);如果您不想这样做，只需删除该行代码即可。