Флажок манипулирования вводом

Question

Флажок манипулирования вводом

0

input type="checkbox" не отменяется или не проверяется, если это не подтверждается в окне подтверждения диалога.

Вот сценарий, у меня есть эта таблица содержала с записями каждой строку записи имеет Enabled столбца, который позволит вам checked или unchecked конкретной строку средства записи (Отключить или включить запись счета).

Моя проблема заключается в том, что когда я нажимаю кнопку [input type="checkbox"] она будет автоматически проверяться, а иногда, когда она проверяется по умолчанию, она будет автоматически снята, тогда появится диалоговое окно для подтверждения включения или отключения учетной записи.

Я хочу, чтобы флажок ничего не делал, когда я щелкнул его. Он должен меняться только после подтверждения в диалоговом окне.

Привет, ребята, извините, это мой код. http://jsfiddle.net/5REXp/1/ Надеюсь, вы это поняли. Диалоговое окно JQuery UI должно появляться, когда вы нажимаете флажок un column с именем enabled. Благодарю.

Mr.Adamant 24 сен. 2013, в 08:01

Источник

Теги:

jquery

2 ответа

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);
        }   

    });
});

Sukhchain Singh 24 сен. 2013, в 02:24

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-09-24T03-56-00.000Z

Пытаться

<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");
            }
        }
    });
}

Демо: скрипка

Это своего рода ложное кормление. : D, через stackoverflow нас не волнует, какой национальности или какого типа люди здесь. Здесь я чувствую, что мы едины. Драма. ха-ха. Это все о знаниях! Великолепная работа, Арун, это второй раз, когда ты мне помогал. Спасибо.