无法检查模态中的Bootstrap复选框

时间:2017-04-21 16:28:35

标签: html5 bootstrap-modal

我在尝试检查模式内的表单内的复选框时遇到问题。

这里是代码

    <div id="modal-new-bill" class="modal">
        <form action="NewBill" method="post">  
            <div class="modal-content">

                <div class="row">
                    <div class="checkbox">
                        <input type="checkbox" value="remender" name="remender">
                        <label for="remender">Create Remender?</label>
                    </div>
                </div>
            </div>
            <div class="modal-footer center">

                <a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat">Cancel</a>
                <button type="submit" class="btn waves-effect waves-light">Insert</button>
            </div>
        </form>
    </div>

问题是我无法检查该复选框,但如果我通过标签点击进入它,然后将其分隔,则会检查它。有谁知道如何通过鼠标点击检查它? 感谢。

1 个答案:

答案 0 :(得分:0)

它正如您发布的那样工作,因此您很可能会附加一些JavaScript导致您的问题。

<div id="modal-new-bill" class="modal">
        <form action="NewBill" method="post">  
            <div class="modal-content">

                <div class="row">
                    <div class="checkbox">
                        <input type="checkbox" value="remender" name="remender">
                        <label for="remender">Create Remender?</label>
                    </div>
                </div>
            </div>
            <div class="modal-footer center">

                <a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat">Cancel</a>
                <button type="submit" class="btn waves-effect waves-light">Insert</button>
            </div>
        </form>
    </div>