有一个复选框,当被选中时打开一个模式。一旦模式打开,我需要禁用复选框。
<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" >
小提琴2
请记住,如果您有多个复选框,您不能使用id="cboxText"
, ids
必须是唯一的。