Question

我点击一个按钮后创建一个对话框，在对话框中我有两个复选框和一个文本框。我的java脚本代码如下： -

var $dialog = $('<div></div>')
    .html('<form id="verifyform" action=""><input type="checkbox" id="correct" name="correct" value="true" />Tick if Word is valid<br /><input type="checkbox" name="discard"  id="discard" value="true" /> Tick if you want to discard this word <br /><br /><br />If you want change/edit existing word,enter new word in below text box <br /><input type="text" name="new_word" id="new_word" value="" /><br /></form>')
    .dialog({
        autoOpen: false,
        title: 'Verify Words',
        buttons: {
            "Submit": function() {  $('form#verifyform').submit();},
            "Cancel": function() {$(this).dialog("close");}
        }
    });
    $dialog.dialog('open');
    $('form#verifyform').submit(function(e){
        e.preventDefault();
        var correct_check = $('#correct').is(':checked');
        $("#dialog").dialog();
        $('.insert-data').append('<li>'+correct_check+'</li>');   
        $dialog.dialog('close');
    });

我的HTML代码如下： -

<div id="dialog" title="Verify Words"> <ul class="insert-data"></ul></div><button id="getselected" onclick="get_select()">Select row and Verify</button>

当我在对话框中选择“正确的单词复选框”时，我第一次得到值“true”但是当第二次没有选中该复选框时stil我得到值“true”四次

我无法理解这种行为？如何解决这个问题？任何有关此事的帮助将不胜感激？

无法理解jquery对话框中的行为

0 个答案: