操縱輸入複選框

input type="checkbox"不會取消選中或未選中，除非在對話框確認框中確認。操縱輸入複選框

下面是這種情況，我有記錄，記錄中包含的每一行此表有一個Enabled列，這將讓你checked或unchecked特定行記錄的模塊（禁用或啓用帳戶記錄）。

我的問題是，當我點擊[input type="checkbox"]它會自動檢查，或者有時當它被默認選中時它會自動取消選中，然後彈出對話框確認啓用或禁用帳戶。

我希望複選框在單擊時不做任何事。它應該只在我在對話框中確認後纔會改變。

嗨，大家好，對不起，我們的代碼無論如何。 http://jsfiddle.net/5REXp/1/ 我希望你能理解它。當您單擊名爲enabled的複選框取消列時，應該彈出一個Jquery UI對話框。謝謝。

來源

2013-09-24 Mr.Adamant

請分享您的HTML和您嘗試的腳本 –

嘗試

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

演示：Fiddle

來源

2013-09-24 05:27:58

這是一種勺子餵養。：D，通過stackoverflow我們不關心什麼國籍或什麼類型的人在這裏。在這裏，我感覺我們團結一心。戲劇。哈哈。這完全是關於知識！宏偉的工作阿倫這是你第二次幫助我。謝謝。 –

請使用此代碼嘗試。我認爲這是你想要什麼：

<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-24 05:22:55

操縱輸入複選框

回答

相關問題