AJAX复选框使用jQuery和PHP [英] AJAX checkboxes with Jquery and PHP

问题描述

我有两排的复选框。当用户点击任何单个复选框（在某一行），我想一个号码添加到我的PHP总和。如果他将取消个人的复选框我想从总的实时减去无刷新页面。 我的问题发生的事情在我的AJAX数据字段打电话？

，这是做了正确的方法是什么？的

HTML

 ＆LT;输入类型=复选框名称=standard_form []值=A的onclick =processForm（）＆GT;
＆LT;输入类型=复选框NAME =premium_form []值=B的onclick =processForm（）＆GT;
 

JQUERY

 ＆LT;脚本类型=文/ JavaScript的＆GT;
功能processForm（）{
        $阿贾克斯（{
            键入：POST，
            网址：submit_form.php，
            数据： ''，

            成功：功能（数据）{
                $（'＃消息'），HTML（数据）。
            }
        }）;
}
＆LT; / SCRIPT＆GT;
 

PHP

 如果（器isChecked（'standard_form'，'A'））
    {
      $价格+ =器isChecked（'standard_form'，'A'）？ 10：0;
    }
   返回$价格;
 

---

解决方案

尝试：

 ＆LT;脚本类型=文/ JavaScript的＆GT;
 功能processForm（）{
    $阿贾克斯（{
        键入：POST，
        网址：submit_form.php，
        数据：{checked_box：$（输入：复选框：选中）。VAL（）}，

        成功：功能（数据）{
            $（'＃消息'），HTML（数据）。
        }
    }）;
}
＆LT; / SCRIPT＆GT;
 

I have two rows of check-boxes. When a user clicks on any individual check-box (in a certain row) I want to add a number to my sum in PHP. If he deselects an individual check-box I want to subtract from the total in real time without page refresh. My question what goes in the data field on my AJAX call?

and is this the correct way to do it ?

HTML

<input type="checkbox" name="standard_form[]" value="A" onclick="processForm()">
<input type="checkbox" name="premium_form[]" value="B" onclick="processForm()">

JQUERY

<script type="text/javascript">
function processForm() { 
        $.ajax( {
            type: 'POST',
            url: 'submit_form.php',
            data: '',

            success: function(data) {
                $('#message').html(data);
            }
        } );
}
</script>

PHP

    if(IsChecked('standard_form','A'))
    {
      $price += IsChecked('standard_form','A') ? 10 : 0;
    }
   return $price ; 

---

解决方案

Try:

<script type="text/javascript">
 function processForm() { 
    $.ajax( {
        type: 'POST',
        url: 'submit_form.php',
        data: { checked_box : $('input:checkbox:checked').val()},

        success: function(data) {
            $('#message').html(data);
        }
    } );
}
</script>

这篇关于AJAX复选框使用jQuery和PHP的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！