php - 使用 Jquery 更新 mysql 数据库中的复选框和文本区域值

Question

默认情况下，我的 mysql 数据库中有 textarea 和三个复选框，textarea 值为 null，checkboxs 值为 zero(0)。

当我在 textarea 中输入一些文本时，我正在更新我的 mysql 数据库中的文本值，但我必须卡在复选框中，有人可以建议如何更新 mysql 数据库中的复选框选中值

例如，如果复选框被选中/单击，我应该能够用值“1”更新我的 mysql 数据库，否则该值将为“0”

https://jsfiddle.net/07wmpjqf/1/

数据库结构

ID  TEXT  ABC  XYZ  LMN
1   NULL   0    0    0

谢谢!

html

<div>
      <textarea class="lb_text" rows="6" cols="50" placeholder="Add text here..."></textarea>
</div>
<div>
    <label>
        <input type='checkbox'>ABC
    </label>
</div>
<div>
    <label>
        <input type='checkbox'>XYZ
    </label>
</div>
<div>
    <label>
        <input type='checkbox'>LMN
    </label>
</div>
    <div>
            <input type="submit" class="lb_save" value="submit">
        </div>

php

if(isset($_POST['lb_text']))
        {   
            $live_blog = mysqli_real_escape_string($_POST['lb_text']);
            $sql = "update demo set text='".$live_blog."'";
            $result = mysqli_query($con, $sql);

        }
    }   

jquery

$(function(){
    $(".lb_save").click(function(){
        var lb_text = $('.lb_text').val();
        if(lb_text == '')
        {
            alert("Enter Some Text...");
            $('.lb_text').focus();
        }
        else
        {
            $.ajax({
                type: "POST",
                url: "index.php",
                data:{
                    lb_text:lb_text,

                },
                success:function(response){
                    alert('successfully updated');
                }
            });
        }
        return false;
    });
});

Answer 1

将 id 添加到您的复选框并在 jquery 中捕获 th 值。

<div>
    <label>
        <input type='checkbox' id="abc">ABC
    </label>
</div>
<div>
    <label>
        <input type='checkbox' id="xyz">XYZ
    </label>
</div>
<div>
    <label>
        <input type='checkbox' id="lmn">LMN
    </label>
</div>

并像这样更改您的 ajax 数据，

data: {
    lb_text: lb_text,
    abc: $("#abc").is(':checked') ? 1 : 0,
    xyz: $("#xyz").is(':checked') ? 1 : 0,
    lmn: $("#lmn").is(':checked') ? 1 : 0,
},

你的查询是这样的，

$live_blog = mysqli_real_escape_string($_POST['lb_text']);
$abc = $_POST['abc']
$xyz = $_POST['xyz']
$lmn = $_POST['lmn']
$sql = "update demo set text='".$live_blog."',ABC='".$abc."',XYZ='".$xyz."',LMN='".$lmn."'";