带有复选框的引导模式将来不会显示答案

【问题标题】：Bootstrap modal with checkbox to not show in future带有复选框的引导模式将来不会显示
【发布时间】：2017-02-22 00:50:01
【问题描述】：

我正在尝试根据 mysql 数据库中的值显示身体负载的引导模式。我已在正文中包含引导模式并根据数据库值成功显示它：

    $resultsPop = mysql_query("select popup from members where mid=" . $mid);
    $pop = mysql_result($resultsPop, 0, "popup");
    if($pop == 0) {
            $popupval = "<script type='text/javascript'>$(window).load(function(){ $('#MyPopUp').modal('show'); });</script>";
    } else {
            $popupval = "";
    }
echo $popupval;

我的模态代码是：

  <div class="modal fade" id="MyPopUp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Welcome</h4>
            </div>

                <div class="modal-body" style="text-align: center;">
                   <span>
                        Welcome Popup
                  </span>
                </div>
        </div>
    </div>
</div>

现在，我想在模式中有一个复选框，在用户单击模式关闭按钮后，它可以在选中时静默传递值 1 并将成员变量 $mid 值登录到 php 页面。因此，members 表中的 popup 值将更新为 1，用于不希望再次看到弹出窗口的登录成员。

我已经搜索过这样的东西，但没有成功，我对此一无所知。

【问题讨论】：

初读：stackoverflow.com/questions/8363802/…
所以你的意思是我将复选框 id 和成员变量 id 放在引导模式中，并在引导关闭模式 javascript 中通过带有 ajax 的 id 发送值？
如果 $mid 没有保存在 SESSION 变量中，是的，将这些值放入模式中。在模式关闭时，将这些值输入 ajax 函数。您需要更新问题以获得进一步的具体反馈。
非常感谢您的想法。我认为这对我来说就足够了，因为我可以根据您提到的链接成功测试关闭警报。你可以回答这个想法，我会接受它，因为我只是想有一个想法。 :) 再次感谢
不，它是重复的。您可以删除此问题。版主在 SO 上管理的重复项太多。谢谢你的提议，但我很乐意提供帮助。一切顺利。

标签： php jquery ajax twitter-bootstrap bootstrap-modal

【解决方案1】：

试试这个。

你的phpfile.php

<?php

$resultsPop = mysql_query("select popup from members where mid=" . $mid);
    $pop = mysql_result($resultsPop, 0, "popup");
    if($pop == 0) {
            $popupval = "<script type='text/javascript'>$(window).load(function(){ $('#MyPopUp').modal('show'); });</script>";
    } else {
            $popupval = "";
    }
echo $popupval;

$ppop = $_POST['pops'];
$username = $_POST['mids'];

//Here you can update your database with 1 where username is mids.

//On success 
$output = json_encode(array('type' => 'pop'));
die($output);

//Else

$output = json_encode(array('type' => 'error'));
die($output);

?>

<script>

$(document).ready(function(){

$("#closemodal").click(function(event){
    event.preventDefault();
    var popups            = $('#popups').val(); 
    var user_id           = $('#mids').val();
 
        $.ajax({
            type: 'post',
            url: yourphpfile.php,
            dataType: 'json',
            data: $('#yourform').serialize(),             
            success: function(data)
            {
                if(data.type == 'pop')
                {
                	$('#MyPopUp').modal('hide');                  
                  
                }
            }
        });

});

});

</script>

<div class="modal fade" id="MyPopUp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="">
            <div class="modal-header">
                <button type="button" class="close" id="closemodal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Welcome</h4>
            </div>

                <div class="modal-body" style="text-align: center;">
                   <span>
                        Welcome Popup
                  </span>
                  <form action="" id="yourform" method="POST" role="form">                  	
                  
                  	<div class="checkbox">
					  <label><input type="checkbox" name="pops" id="popups" value="1">Pops</label>
					</div>
					<input type="hidden" id="mids" name="mids" value="<?php echo $_SESSION['mids']; ?>">                  
                  </form>
                </div>
        </div>
    </div>
</div>

【讨论】：