jQuery - 复选框数据发布到 php

jQuery - checkbox data post to php

本文关键字：php 数据 复选框 jQuery      更新时间：2023-09-26

我需要这个问题的帮助。

我

有一个表单页面，我正在使用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;});});

谢谢

使用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');}
});
相关文章：