Javascript 当使用Laravel和AdminLTE选中复选框时,如何禁用文本框?
您知道如何在选中复选框时禁用textbox吗?以下代码在我仅使用Laravel 5时有效。但是,当我将它与AdminLTE集成时,这将不起作用。Javascript 当使用Laravel和AdminLTE选中复选框时,如何禁用文本框?,javascript,php,checkbox,laravel-5,adminlte,Javascript,Php,Checkbox,Laravel 5,Adminlte,您知道如何在选中复选框时禁用textbox吗?以下代码在我仅使用Laravel 5时有效。但是,当我将它与AdminLTE集成时,这将不起作用。 $(函数(){ $(“#无限”)。单击(函数(){ 如果($(this).is(“:checked”)){ 美元(“#masa#u berlaku#u from”).attr(“残疾人”、“残疾人”); 美元(“#masa#u berlaku#to”).attr(“残疾”、“残疾”); }否则{ 美元(“#masa#u berlaku#u from
$(函数(){
$(“#无限”)。单击(函数(){
如果($(this).is(“:checked”)){
美元(“#masa#u berlaku#u from”).attr(“残疾人”、“残疾人”);
美元(“#masa#u berlaku#to”).attr(“残疾”、“残疾”);
}否则{
美元(“#masa#u berlaku#u from”)。移除(“禁用”);
$(“#masa#u berlaku#to”)。移除(“禁用”);
}
});
});
马萨·贝拉库
无限的
使用.prop
而不是.attr
AdminLte复选框有另一个事件。类似于“ifClicked”、“ifChecked”。您确定在此脚本之前加载了jQuery吗?请使用.prop
而不是。attr
AdminLte复选框具有其他事件。例如“ifClicked”、“ifChecked”。您确定在此脚本之前加载了jQuery吗?
<div class="form-group">
<script type="text/javascript">
$(function () {
$("#unlimited").click(function () {
if ($(this).is(":checked")) {
$("#masa_berlaku_from").attr("disabled", "disabled");
$("#masa_berlaku_to").attr("disabled", "disabled");
} else {
$("#masa_berlaku_from").removeAttr("disabled");
$("#masa_berlaku_to").removeAttr("disabled");
}
});
});
</script>
<label for="masa_berlaku" class="control-label col-sm-2">Masa Berlaku</label>
<div class="col-md-3">
<input class="form-control" data-provide="datepicker" data-date-format="yyyy-mm-dd" name="masa_berlaku" id="masa_berlaku_from" placeholder="from">
</div>
<div class="col-md-3">
<input class="form-control" data-provide="datepicker" data-date-format="yyyy-mm-dd" name="masa_berlaku" id="masa_berlaku_to" placeholder="to">
</div>
<div class="col-md-3">
<div class="checkbox">
<label>
<input type="checkbox" name="masa_berlaku" value="0000-00-00" id="unlimited"> Unlimited
</label>
</div>
</div>
</div>