0

我需要选中显示在模式窗口中的表单中的两个复选框。问题是，如果模式显示我的复选框的状态被选中（用 JS 校对见下文），但复选框没有被选中（视觉上）。

（我只是打开模式然后检查复选框是否被选中，当警报窗口打开时，它告诉我复选框已被选中，但在单击“确定”后，选中状态消失（视觉上））

这是我的表格：

<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>
4

0 回答 0