Question

我需要检查我的表单中的两个复选框，它显示在一个模态窗口中。问题是，如果模态显示我的复选框的状态被检查（用JS看到下面的证明），但不检查复选框（可视）。

（我只是打开模态，然后检查是否选中了复选框，当警报窗口打开时，它告诉我复选框已经过检查，但是会在视觉上检查它们，但点击“确定”后，检查状态会消失（视觉上））< / p>

这是我的表格：

<div id="dialog_create_news" title="Neue News erstellen">
    <p class="validateTips">Bitte alle Felder ausfüllen!</p>
    <form method="post" id="news_add" action="edit.php?action=news_add" accept-charset="utf-8">
        <table>
            <tr>
                <td>Newsletter:</td>
                <td><input type="checkbox" name="newsletter_news" class="news_newsletter" value="1" /></td>
            </tr>
            <tr>
                <td>Kommentare:</td>
                <td><input type="checkbox" name="comments_news" class="news_comments" value="1" /></td>
            </tr>
            <tr class="press_title">
                <td>Titel:</td>
                <td><input type="text" id="title_news" name="title_news" /></td>
            </tr>
            <tr class="press_text">
                <td></td>
                <td><textarea cols="50" rows="15" name="content_news" id="content_news"></textarea></td>
            </tr>
        </table>
        <input type="hidden" name="news_submit" value="true" />
    </form>
</div>

这是我的JS：

$("#add_news").button().click(function() {
    $( "#dialog_create_news" ).dialog( "open" );
    //Set checkboxes 'checked'  
    if ($("#dialog_create_news").dialog( "isOpen" ) === true) {
        $('.news_comments').prop('checked', true);
        $('.news_newsletter').prop('checked', true);
    }
    //Check if checkboxes are checked
    if( $('.news_comments').prop('checked')){
        alert('checked');
    }
    clear_form_elements('#news_add');
});

我正在使用：

<script type="text/javascript" src="js/jQuery_1_7_1.min.js"></script>
<script type="text/javascript" src="js/jQuery_ui_1.8.17.custom.min.js"></script>

在jQuery UI模式中禁用复选框状态

0 个答案: