如何用jquery标记模式的复选框答案

【问题标题】：How to mark checkbox of the modal with jquery如何用jquery标记模式的复选框
【发布时间】：2022-01-07 17:50:33
【问题描述】：

我正在使用引导模式和 jquery。我正在将字段拖入表单构建器，它会打开带有下面表单的模式。我想检查 id="edit-address"，如使用 jquery 打开的模式所示。我尝试了不同的方式，比如 $('#edit-address').click(); $('#edit-address').prop('checked',true);等，但这不起作用。可能是我找不到正确的选择器。

<div class="modal-dialog modal-lg">
    <div class="modal-content">

        <!-- Modal Header -->
        <div class="modal-header text-center">
            <button type="button" class="close" data-dismiss="modal">×</button>
            <h3 class="semibold modal-title text-primary" style="text-transform: capitalize;">Heading</h3>
        </div>
        <!-- End Modal Header -->

        <div class="modal-body pb0">
            <div class="form-group formtemplate mb0">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="panel form-horizontal form-bordered form-canvas" name="form-profile">
                            <div class="panel-body pt0 pb0">

                                <div class="form-group no-border">

                                    <div class="row">
                                        <div class="col-sm-6">
                                            <label for="edit-address-label" class="control-label mb5">Name:</label>
                                            <input id="edit-address-label" type="text" class="form-control fieldNames" data-option="label" placeholder="The question and name for this field..">
                                        </div>
                                        <div class="col-sm-6 mt20 pt10">
                                            <div class="checkbox custom-checkbox">
                                                <input id="edit-address-required" type="checkbox" data-option="required" value="1">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row mt10">

                                        <div class="row">
                                            <div class="col-sm-1 mt20 pt10">
                                                <div class="checkbox custom-checkbox">
                                                    <input class="check-address-checkbox" id="edit-address" type="checkbox" data-option="edit-address" value="1">
                                                    <label for="edit-address" checked="">Mark it</label>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>

【问题讨论】：

$('#edit-address').prop(':checked',true)
这应该可以，但这不起作用，也许我无法获得选择器
你有没有在我写的“checked”之前使用“:”？
是的，我写过检查
":checked"，而不仅仅是"checked"

标签： jquery bootstrap-4

【解决方案1】：

.click() 方法应该适用于您的情况检查控制台以查看是否有任何 jquery 问题

这是一个非常简单的例子，你可以试试：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Checkbox</title>
</head>

<body>
    <button id="btn">Tick</button>
    <div>
        <input type="checkbox" id="check"> Check
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.slim.min.js""></script>
        <script>
            $('#btn').click(function () {
                $('#check').click();
                console.log(" Checked");
            });</script>
    </body>
</html>

【讨论】：

【解决方案2】：

试试这个：

 $('#edit-address').attr('checked', true);

【讨论】：

欢迎来到 Stack Overflow，感谢您提供答案。您能否编辑您的答案以包括对您的代码的解释？这将有助于未来的读者更好地了解正在发生的事情，尤其是那些刚接触该语言并难以理解概念的社区成员。