0

单击按钮后，我创建了一个对话框，在对话框中我有两个复选框和一个文本框。我的 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”，但是当第二次没有选中该复选框时，我得到值“true”四次

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

4

0 回答 0