AJAX复选框使用jQuery和PHP复选框、AJAX、PHP、jQuery

2023-09-10 18:13:07 作者:来一碗小仙女

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

,这是做了正确的方法是什么?的

HTML

 <输入类型=复选框名称=standard_form []值=A的onclick =processForm()>
<输入类型=复选框NAME =premium_form []值=B的onclick =processForm()>
 

JQUERY

 <脚本类型=文/ JavaScript的>
功能processForm(){
        $阿贾克斯({
            键入:POST,
            网址:submit_form.php,
            数据: '',

            成功:功能(数据){
                $('#消息'),HTML(数据)。
            }
        });
}
< / SCRIPT>
 

PHP

 如果(器isChecked('standard_form','A'))
    {
      $价格+ =器isChecked('standard_form','A')? 10:0;
    }
   返回$价格;
 
php ajax复选框是否选中的值,如何用ajax提交复选框的值到后台

解决方案

尝试:

 <脚本类型=文/ JavaScript的>
 功能processForm(){
    $阿贾克斯({
        键入:POST,
        网址:submit_form.php,
        数据:{checked_box:$(输入:复选框:选中)。VAL()},

        成功:功能(数据){
            $('#消息'),HTML(数据)。
        }
    });
}
< / SCRIPT>
 

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>

 
精彩推荐