首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    优化单选框 radio 样式:随点击变换选中和未选中状态图片

    果酱小程序的页面管理,其中一个模块是图片魔方,就是用户可以给小程序首页设置不同数量和布局的图片魔方来装修,其中在设置图片模仿的时候,要选择几张图布局是怎么布局的,如下图所示: 这里的布局其实是一个单选框...radio,为了加强用户体验,我们通过示意图来演示这个布局下的图片魔方在小程序前端的效果,为区分选中和未选中状态,每种布局需要两种状态。...原本以为这个需要通过 JS 来处理,后面发现通过简单的 CSS 也可以实现,我只需要把相关的 HTML 和 CSS 代码贴出来,你就能看得懂: 1....HTML 结构: <label id="label_layout...background-image: url(cube-radio-3-1.png); } #layout_3-1:checked + #label_layout_3-1 { // <em>选中</em>的效果,使用了

    2.4K20

    checkbox选中和不选中 jqu_jquery checkbox 选中选中

    展开全部 $(function () { // 动态绑定默认状态 // $(“#ck”).attr(“checked”,true)//选中 // $(“#ck”).attr(“checked”,false...)//未选中 //点击判断选中还是未选中 $(“#ck”).click(function () { if ($(this).is(“:checked”)) { alert(“选中”); } else...{ alert(“未选中”); } }) }); jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架...它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/147316.html原文链接:https://javaforall.cn

    2.9K30
    领券