LAYUI解决checked的switch开关赋值问题LAYUI解决checked的 switch 开关赋值问题
⾸先,我在⽹上找了很多种办法,没有任何⼀种⽅法是可以完美解决我的问题的。先说说我的需求。
当我的开关为“打开”时,下⽅的“属性”栏就会展⽰出来。当然这个⽤layui的监听就好了。
html代码
<form id="createPayForm"class="layui-form"lay-filter="create-pay-form"method="post">
<!-- 提⽰:如果你不想⽤form,你可以换成div等任何⼀个普通元素 -->
<div class="layui-form-item">
<label class="layui-form-label">
<span class="x-red">*</span>玩家账号
</label>
<div class="layui-input-inline">
<input type="text"name="accountName"lay-verify="required"placeholder="请输⼊玩家账号"三月十四日
autocomplete="off"class="layui-input"id="accountName">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">
<span class="x-red">*</span>物品类型
</label>
<div class="layui-input-inline">
<lect name="itemType"lay-filter="itemType"lay-verify="required"/>
<option value="物品"lected>物品</option>
<option value="点券">点券</option>
<option value="抵⽤券">抵⽤券</option>
天麻炖鸡汤的做法</lect>
</div>
</div>
<div class="layui-form-item"id="itemDiv">
<label class="layui-form-label">
<span class="x-red">*</span>物品id
</label>
<div class="layui-input-inline">
足球加时赛
<input type="text"name="itemId"oninput="clearNoNum(this)"lay-verify="required"
placeholder="请输⼊物品ID"autocomplete="off"class="layui-input"id="itemId">
</div>
</div>
<div class="layui-form-item">
吃饭流汗
<label class="layui-form-label">
<span class="x-red">*</span>数量
</label>
<div class="layui-input-inline">
<input type="text"name="quantity"oninput="clearNoNum(this)"lay-verify="required"
placeholder="请输⼊发放数量"autocomplete="off"class="layui-input"id="quantity"> </div>
</div>
<div class="layui-form-item"id="isEquipmentDiv">
<label class="layui-form-label">
是否装备
</label>
孟德尔<div class="layui-input-inline">网络怎么改密码
<input type="checkbox"id="isEquipment"name="isEquipment"lay-filter="isEquipment"lay-skin="switch"
lay-text="是|否">
</div>
</div>
<div class="layui-form-item"id="propertiesDiv">
<input name="properties"type="hidden"/>
<label class="layui-form-label">
<label class="layui-form-label">
属性
</label>
<div class="layui-input-inline">
<div>
<input type="text"name="str"oninput=""
placeholder="增加的⼒量"autocomplete="off"class="layui-input"id="str">
<input type="text"name="dex"oninput=""
placeholder="增加的敏捷"autocomplete="off"class="layui-input"id="dex"> </div>
<div>
<input type="text"name="int"oninput=""
placeholder="增加的智⼒"autocomplete="off"class="layui-input"id="int">
<input type="text"name="luk"oninput=""
placeholder="增加的运⽓"autocomplete="off"class="layui-input"id="luk"> </div>
<div>
<input type="text"name="pad"oninput=""
placeholder="增加的物攻"autocomplete="off"class="layui-input"id="pad">
<input type="text"name="mad"oninput=""
placeholder="增加的魔攻"autocomplete="off"class="layui-input"id="mad"> </div>
</div>
</div>
<div class="layui-form-item">
欠款协议书<label class="layui-form-label">
到期时间
</label>
<div class="layui-input-inline">
<input type="text"name="expireDate"oninput=""placeholder="请输⼊过期⽇期"autocomplete="off"
class="layui-input"id="expireDate">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
芦荟胶功效
<button class="layui-btn"lay-submit lay-filter="create">确定发放</button>
<button type="ret"class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
这种也很好实现,都很好处理。
但,有⼀个问题,那就是,每次“物品类型”选择为“物品”时,我要把“物品id”和开关显⽰回来,并且,开关状态是“关闭”的(意思