[英]disable checkbox after modal call
有一個復選框,選中時會打開一個模式。 一旦模態打開,我需要禁用復選框。
<input id="cboxText" name="cboxText" value="Y" class="styled" type="checkbox" data-toggle="modal" data-target="#uptext" >
任何建議。
你可以用 jQuery 做到這一點
腳本
$(document).ready(function() {
$("#cboxText").click(function() {
$(this).attr('disabled','disabled');
$('#myModal').modal('show');
});
});
HTML
<input id="cboxText" name="cboxText" value="Y" class="styled" type="checkbox">
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
或者你可以使用 Bootstrap show.bs.modal 事件
腳本
$(document).ready(function() {
$('#uptext').on('show.bs.modal', function () {
$("#cboxText").attr('disabled','disabled');
});
});
HTML
<input id="cboxText" name="cboxText" value="Y" class="styled" type="checkbox" data-toggle="modal" data-target="#uptext" >
請記住,如果您有多個復選框,則不能使用id="cboxText"
, ids
必須是唯一的。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.