这个是input框
<div class="layui-col-xs4">
<label class="layui-form-label">预计下塔所需时间(分钟)</label>
<div class="layui-input-block">
<input type="text" name="needTime" id="needTime" class="layui-input" style="border: 1px solid #c2c2c2;"
>
</div>
</div>
这个是开关按钮
<div class="layui-col-xs4">
<label class="layui-form-label">是否影响线路强送电</label>
<c:if test="${log.isEfectSendElec==null || log.isEfectSendElec=='不影响'}">
<input type="checkbox" name="isEfectSendElecclose" id="isEfectSendElec" lay-skin="switch" lay-filter="switchText"
lay-text="是|否">
</c:if>
<c:if test="${log.isEfectSendElec=='影响'}">
<input type="checkbox" name="isEfectSendElecopen" id="isEfectSendElec" lay-skin="switch" lay-filter="switchText"
onclick=""
lay-text="是|否"
checked="checked">
</c:if>
</div>
这个是我写的js代码
form.on('switch', function(data){
var elem = data.elem;
var swithcData = data;
var id = data.value;// 获取要修改的ID
var state = this.checked ? '影响' : '不影响';// 当前状态值
if (state ==='影响'){
layer.msg('数据异常,操作失败!1111');
}
各位大佬,在页面上选择了是input框才可以输入,没选就不给输入,想问一下怎么写呢?我是小白,谢谢各位了
switch开关按钮选择了是,input框才可以输入,如果没选择就不能输入
根据你的描述哈,当按钮选择是就是文本框可以输出,那么,首先加载进来html的时候呢,input给他加个disabled="true"属性,
然后就是checkbox的change事件了,写 判断 是就移除input里的disabled="true" ,否的话就在设置成disabled="true"。
<input type="text" name="needTime" id="needTime" disabled="true" class="layui-input" style="border: 1px solid #c2c2c2;" >
$("#isEfectSendElec").change(function() {
if(是){
$('#needTime').attr("disabled",false);
}else{
$('#needTime').attr("disabled",true);
}
});
这个我没用过 但是你可以写个脚本获得那个input的对象 然后用attribute给type赋值