input type="checkbox"
не отменяется или не проверяется, если это не подтверждается в окне подтверждения диалога.
Вот сценарий, у меня есть эта таблица содержала с записями каждой строку записи имеет Enabled
столбца, который позволит вам checked
или unchecked
конкретной строку средства записи (Отключить или включить запись счета).
Моя проблема заключается в том, что когда я нажимаю кнопку [input type="checkbox"]
она будет автоматически проверяться, а иногда, когда она проверяется по умолчанию, она будет автоматически снята, тогда появится диалоговое окно для подтверждения включения или отключения учетной записи.
Я хочу, чтобы флажок ничего не делал, когда я щелкнул его. Он должен меняться только после подтверждения в диалоговом окне.
Привет, ребята, извините, это мой код. http://jsfiddle.net/5REXp/1/ Надеюсь, вы это поняли. Диалоговое окно JQuery UI должно появляться, когда вы нажимаете флажок un column с именем enabled. Благодарю.
Пытаться
<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");
}
}
});
}
Демо: скрипка
Попробуйте использовать этот код. Я думаю, это то, что вы хотите:
<script src="/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);
}
});
});