0

input type="checkbox"除非在对话框确认框中确认，否则不会取消选中或不选中。

这是场景，我有这个表包含记录，每行记录都有一个Enabled列，允许您checked或unchecked特定的行记录方式（禁用或启用帐户记录）。

我的问题是，当我单击它时，[input type="checkbox"]它会自动检查，或者有时默认情况下它会自动取消选中，然后出现对话框以确认启用或禁用帐户。

当我单击它时，我希望复选框不执行任何操作。只有在我在对话框中确认后，它才会更改。

嗨，伙计们，无论如何，对不起，这是我的代码。http://jsfiddle.net/5REXp/1/ 希望你能理解。当您单击复选框未启用的列时，应该会弹出一个 Jquery UI 对话框。谢谢。

4

2 回答 2

1

尝试

<input type="checkbox" checked="checked" onclick="Enabled(201569,event, this)" />

和

<div id="dialog-confirm">Confirm</div>

然后

function Enabled(id, event, el) {
    event.preventDefault();
    $("#dialog-confirm").dialog({
        resizable: false,
        height: 160,
        modal: true,
        buttons: {
            "Disable": function () {
                $(this).dialog('option', 'hide', 'fade');
                $(this).dialog("close");
                $(el).prop('checked', !$(el).is(':checked'))
            },
            Cancel: function () {
                $(this).dialog("destroy");
            }
        }
    });
}

演示：小提琴

于 2013-09-24T05:27:58.993 回答
0

请尝试使用此代码。我认为这就是你想要的：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<form method="post">
<input type="checkbox" name="chk1" class="chkb"/>
<input type="checkbox" name="chk2" class="chkb"/>
<input type="checkbox" name="chk3" class="chkb"/>
</form>

<script type="text/javascript">
$(function(){
    $('.chkb').click(function(){
        var Status=$(this).is(':checked');
        if(Status==true)
        {
            $(this).attr('checked',false);
            var conf=confirm('Mark It?');
            if(conf==true)
                $(this).prop('checked',true);
            else
                $(this).prop('checked',false);
        }
        else if(Status==false)
        {
            //$(this).attr('checked',false);
            var conf=confirm('Unmark It?');
            if(conf==true)
                $(this).prop('checked',false);
            else
                $(this).prop('checked',true);
        }   

    });
});

于 2013-09-24T05:22:55.830 回答