选中一个复选框,打开一个模态。打开模态后,我需要禁用该复选框。
<input id="cboxText" name="cboxText" value="Y" class="styled" type="checkbox" data-toggle="modal" data-target="#uptext" >
任何建议。
答案 0 :(得分:1)
你可以用jQuery
这样做脚本
import sounddevice as sd
sd.play(myarray, 44100)
HTML
$(document).ready(function() {
$("#cboxText").click(function() {
$(this).attr('disabled','disabled');
$('#myModal').modal('show');
});
});
您可以使用Bootstrap show.bs.modal event 进行替代
脚本
<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>
HTML
$(document).ready(function() {
$('#uptext').on('show.bs.modal', function () {
$("#cboxText").attr('disabled','disabled');
});
});
请注意,如果您有多个复选框,则无法使用<input id="cboxText" name="cboxText" value="Y" class="styled" type="checkbox" data-toggle="modal" data-target="#uptext" >
,id="cboxText"
必须是唯一的。