layui单选按钮选中后取消

news/2024/7/10 23:23:27 标签: layui, jquery, html5

背景:多个选项中只能选一个,且可以取消选中。第二张图为取消后,鼠标悬浮效果,移开就没有蓝色样式了。

 

 

html代码:

<input type="radio" name="isHibition" lay-filter="isHibition" lay-skin="primary" checked="">

直接将下面的代码复制就好了,注意isHibition为我的单选组名,根据需要改成自己起的名字。

form.on('radio(isHibition)', function (data) {
     if($(this).attr("checked")) {
         $(this).removeAttr("checked")
         form.render();
     } else {
         $(this).attr("checked", "true")
         form.render();
     }
})

这样能正常切换单选,在选中时也能再次点击取消选中


http://www.niftyadmin.cn/n/871804.html

相关文章

java的if语句有限制吗_java if语句中的几道问题

第一题intx1,y1;if(x2&y2){x7;}System.out.println("x"x",y"y);---------------------------------------------------第二题intx1,y1;if(x2&&y2){x7;}Sys...第一题int x 1,y 1;if(x2 & y2){x 7;}System.out.println("x"x&quo…

一次跨域的坑Faild to load response data: No resourse with given identifier found

有一个导出接口&#xff0c;前后端都没有动过&#xff0c;之前也测试过没有问题。上到测试环境后&#xff0c;测试环境加了证书&#xff0c;报错了。 先是后端小朋友和我说了这个问题&#xff1a; 浏览器控制台打印信息(聊天记录中那张图)&#xff1a;然后我问他操作了哪个页面…

layui单选框通过js控制选择

html部分&#xff0c;注意一定要放到layui-form中&#xff0c;不然无法正确渲染 <div class"layui-form ba-search-box" id"IndicatorType"><input type"radio" name"IndicatorType" value"0" title"按月(M)&…

java中sql删除姓王的数据_JDBC删除数据实例

在本教程将演示如何在JDBC应用程序中&#xff0c;删除数据库表中数据记录。 在执行以下示例之前&#xff0c;请确保您已经准备好以下操作&#xff1a;具有数据库管理员权限&#xff0c;以在给定模式的数据库表中删除数据记录。 要执行以下示例&#xff0c;需要用实际用户名和密…

我的世界 Java1.12.2联机下载_[1.12.2][SpongeForge]1.12.2SpongeForge基础整合

本帖最后由 georgeggtsang 于 2018-5-28 23:07 编辑[23:05:02] [main/INFO] [FML]: Found valid fingerprint for Minecraft Forge. Certificate fingerprint e3c3d50c7c986df74c645c0ac54639741c90a557[23:05:02] [main/INFO] [LaunchWrapper]: Calling tweak class net.minec…

动态渲染日期laydate类型

需求&#xff0c;根据用户选项&#xff0c;日期控件自动更改渲染类型。按月时&#xff0c;日期格式&#xff1a;年yyyy&#xff0c;按日时&#xff0c;日期格式&#xff1a;年月yyyy-MM 类型有更改时&#xff0c;需要将之前的事件解绑再重新渲染&#xff1a;$(#busi_date)[0].e…

Java在线电影管理系统_09-JAVASE项目实战-电影管理系统

基础篇https://edu.51cto.com/course/19845.htmlhttps://edu.51cto.com/course/19845.htmlhttps://edu.51cto.com/course/19841.htmlhttps://edu.51cto.com/course/21197.htmlhttps://edu.51cto.com/course/19886.htmlhttps://edu.51cto.com/course/19887.htmlhttps://edu.51ct…

xm-select树结构选中父级时将所有子级也选中

先上原型图要求&#xff1a;&#xff08;我只需要联动选中&#xff0c;没说要联动取消&#xff01;&#xff01;&#xff01;&#xff09; 实现效果图&#xff1a; 我一开始想的是&#xff0c;使用官方的tree,严格遵守父子模式strict: true属性&#xff0c;然后再去改源码将父级…