layui radio点击事件
程序员文章站
2022-05-13 23:52:11
...
要实现下面的功能
前端代码如下
<div class="layui-form-item">
<label class="layui-form-label" style="width:100px">是否已购买:</label>
<div class="layui-input-block" id="IsPurchased" >
<input type="radio" name="t" value="购买" title="购买" lay-filter="aaa"/>
<input type="radio" name="t" value="试用" title="试用" lay-filter="aaa"/>
</div>
</div>
<div class="layui-form-item count">
<label class="layui-form-label">试用次数:</label>
<div class="layui-input-inline">
<input type="text" id="ProbationAccount" required="required" placeholder="请输入试用次数" autocomplete="off" class="layui-input" />
</div>
<div class="layui-form-mid layui-word-aux"></div>
</div>
layui.use('form', function () {
var form = layui.form;
form.on('radio(aaa)', function (data) {
if ($('#IsPurchased input[name="t"]:checked ').val() == "购买") {
$(".count").hide();
}
else {
$(".count").show();
}
form.render();
});
});
刚开始把lay-filter="aaa"属性写在了input外面的div里
一直测试就是没有反应
最后才发现写错地方了 点的是radio 不是div啊
ojbk 全剧终
上一篇: C语言复习总结——易错点归纳
下一篇: 页面布局 layui与 layui的导入
推荐阅读
-
recyclerview item点击事件无效(recyclerview实现双击)
-
Android中点击事件的四种写法详解
-
layui 选择列表,打勾,点击确定返回数据的例子
-
在layui中layer弹出层点击事件无效的解决方法
-
recyclerview item点击事件无效(recyclerview复杂布局)
-
Recyclerview添加头布局和尾布局、item点击事件详解
-
Android中父View和子view的点击事件处理问题探讨
-
JavaScript的for循环中嵌套一个点击事件的问题解决
-
解决layui的使用以及针对select、radio等表单组件不显示的问题
-
layui中select,radio设置不生效的解决方法