【问题标题】:jQuery - checkbox data post to php [duplicate]jQuery - 复选框数据发布到 php [重复]
【发布时间】:2013-11-09 15:06:36
【问题描述】:

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

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

谢谢

【问题讨论】:

  • 只需序列化表单,然后发送到 php 文件,如 var str = ('form').serialize(); data = str 并获取 php 反序列化($_REQUEST)

标签: javascript php jquery forms


【解决方案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');}
});

【讨论】:

  • 有效!是的! :) 你的! :)
猜你喜欢
  • 1970-01-01
  • 2020-02-20
  • 1970-01-01
  • 2011-09-07
  • 2014-03-10
  • 1970-01-01
  • 2013-02-04
  • 2013-05-21
  • 1970-01-01
相关资源
最近更新 更多