javascript - jQuery - 复选框数据发布到 php

Question

我需要帮助解决这个问题..

我有一个表单页面，我正在使用 jQuery 检查该页面，然后在检查数据后将其传递给处理 php。

复选框、单选按钮出现问题。

有人帮助我，我怎样才能让他们通过 jQuery..？

我需要从开始到结束的完整结果。

表格: - 我想要这个数据 -

<input type="checkbox"  name="chk1" value="checkb1"/>Chk1
<input type="checkbox"  name="chk2" value="checkb2"/>Chk2

<input type="checkbox"  name="deliver[]" value="foreign"/>Foreign
<input type="checkbox"  name="deliver[]" value="internal"/>Internal

<input type="radio" name="button" value="button1" >Button1
<input type="radio" name="button" value="button2" >Button2

jQuery:

jQuery(document).ready(function(){$('#submit').click(function()

{
var cim=$('input[name=cim]');
var name=$('input[name=name]');
var message=$('textarea[name=message]');

if(name.val()==''){alert("Pls fill out");name.addClass('hightlight');document.adatform.name.focus();return false;}else name.removeClass('hightlight');

var data='cim='+cim.val()
+'&name='+name.val()
+'&message='+encodeURIComponent(message.val());

$('.contact input, .contact textarea').attr('disabled','true');
$('.loading').show();$.ajax({url:"../contact-form/send.php",type:"POST",data:data,cache:false,success:function(result){if(result == 'sent'){$('.contact-form').hide(600);$('.form-success').fadeIn('slow');}else alert('error, try later');}
});return false;});});

谢谢

Answer 1

使用serialize()方法

$.ajax({
    url:"../contact-form/send.php",
    type:"POST",
    data:$('form').serialize(),
    cache:false,
    success:function(result){
        if(result == 'sent'){$('.contact-form').hide(600);$('.form-success').fadeIn('slow');}else alert('error, try later');}
});