javascript - ajax 数据中的 JQuery Multicheckbox 值

Question

我在获取 ajax 数据中的复选框值时遇到问题，它显示 undefined variable 。我使用下面的复选框，我在警报中获得值，但它没有在 ajax 中传递

<input type="checkbox" name="tick_if_apply[]" id="NEA"  value=""  class="tick_if_apply">
<input type="checkbox" name="tick_if_apply[]" id="CCJ"  class="tick_if_apply" value="6years">

这是我的代码

<script>
$na= jQuery.noConflict();
$na(document).ready(function(){ 
$na('.continue_btn').click(function(){
 var title=$na("#title").val();
var firnstname=$na("#firnstname").val();
var lastname=$na("#lastname").val();
var dob=$na("#dob").val();
var gender=$na("#gender").val();
var addr1=$na("#addr1").val();
var addr2=$na("#addr2").val();
var addr3=$na("#addr3").val();
var city=$na("#city").val();
var country=$na("#country").val();
var pcode =$na("#pcode").val();
var region=$na("#region").val();
var adyears=$na("#adyears").val();
var admonths=$na("#admonths").val();
var livingstatus=$na("#livingstatus").val();
var qualification=$na("#qualification").val();
var empstatus=$na("#empstatus").val();
var visadate=$na("#visadate").val();
var exforce=$na("#exforce").val();
var crmrecord=$na("#crmrecord").val();
var hwsmloan=$na("#hwsmloan").val();
var appforloan=$na("#appforloan").val();

  $na('.tick_if_apply:checked').each(function(){
         var tick_if_apply=$na(this).val();
         alert(tick_if_apply);

    });


             $na.ajax({
                         type: "POST",
                         url: '<?php bloginfo('template_url')?>/app_process.php',
                 data: 'title='+title+'&firnstname='+firnstname+'&lastname='+lastname+'&dob='+dob+'&gender='+gender+'&addr1='+addr1+'&addr2='+addr2+
                '&addr3='+addr3+'&city='+city+'&country='+country+'&pcode='+pcode+'&region='+region+'&adyears='+adyears+'&admonths='+admonths+'&livingstatus='+livingstatus+
                '&qualification='+qualification+'&empstatus='+empstatus+'&visadate='+visadate+'&exforce='+exforce+'&crmrecord='+crmrecord+'&hwsmloan='+hwsmloan+'&appforloan='+appforloan+'&tick_if_apply='+tick_if_apply,

                         cache: false,
                         success: function(result){ alert(result);}

                                       });
                }); 
 });
</script>

Answer 1

必须有一种更简单的方法来将数据传输到服务器端，我建议向您尝试获取值的所有元素添加一个公共(public)类(如 .ajax_elements)的，然后迭代这些元素并获取 ID 和值。

要获取所有选中复选框的值，请迭代并将这些值存储在数组中，然后将它们与数据对象一起发送:

jQuery(function($){ 
    var data  = {},
        ticks = [];

    $('.ajax_elements').each(function(_, elem) {
        data[this.id] = this.value;
    });

    $('.tick_if_apply').each(function(_, tick) {
        if (this.checked) ticks.push(this.value);
    });

    data['tick_if_apply'] = ticks;

    $.ajax({
        type  : 'POST',
        url   : '<?php bloginfo('template_url')?>/app_process.php',
        data  : data,
        cache : false
    }).done(function(result) {
        console.log(result);
    });
});