如何使用 jquery 将变量传递给引导确认模式按钮

How to pass variables to bootstrap confirm modal button use jquery

本文关键字：确认 模式 按钮 jquery 何使用 变量      更新时间：2023-09-26

我想在"删除"按钮上将处理程序附加到click事件，这将弹出一个确认模式。确认后，应重定向至process.php?cid=$cid。但是如何将变量$cid传递给模式删除呢？

数据列表：

<?php
    foreach($getChannel as $data) {
?>
<div class="btn-group btn-group-solid">
    <a class="btn red" data-toggle="modal" href="#small" id="<?php echo $cid?>">
    <i class="fa fa-trash"></i> Delete </a>
</div>
<?php
    }
?>

模 态：

<div class="modal fade bs-modal-sm" id="small" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Confirm</h4>
            </div>
            <div class="modal-body">
                 Are you sure to delete?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn green" data-dismiss="modal"  id="delcancel">cancel</button>
                <button type="button" class="btn red" id="del" onclick="process.php?cid=$cid">Go Delete</button>
            </div>
        </div>
    </div>
</div>

如何使用 jQuery 接收$cid变量？

<button type="button" class="btn red" id="del" onclick="process.php?cid=$cid">Go Delete</button>

<button type="button" class="btn red" id="del" data-cid="<?php echo $cid; ?>">Go Delete</button>

使用保存$cid值的自定义属性

$("button[data-cid!='']").click(function() {
    var getCid = $(this).attr("data-cid"); // this returns $cid
    //your statements what you wanna proceed with
});

然后使用 jQuery 在 jQuery 中利用您的$cid值，tag with attribute选择器用于将点击事件定位到具有属性data-cid的按钮上。 定位点击事件后，用于$(this)定位单击的当前元素以检索属性.attr('data-cid')值

相关文章：