刚开始学jquery,工作中有些css表单中的按钮美化很麻烦,所以想着用jquery来替换,复选框的jquery很容易,就是简单的样式切换效果,用toggleClass()方法即可。
而单选框之前一直不知道怎么做,因为在单选框中选中一个,其他的都必须移除掉样式,如果2个单选框在同级中则用siblings()则可直接找到其他单选框移除掉样式即可。鉴于自己工作是循环列表模式,每个
css如下:
设置-收货地址 // .bjsc-lf span{float: left;} .bjsc-lf > span:last-child{line-height: 2.1rem;} .zdy-icon-radio{display:block;width: 30%rem; height: 2.15rem;margin-right: 1rem;padding-left: 3.15rem;line-height: 2.15rem; font-family:"微软雅黑";float: left;background:url(../img/checkRight.jpg) no-repeat;background-size: 2.1rem 2.1rem;;} .bjsc-rt{float: right;} .zdy-icon-radio.active{background: url(../img/checked.png) no-repeat;background-size: 2.1rem 2.1rem;color: #f08417;} 编辑地址 15354656536 苏定芳 南昌市北京东路1999号江西师范科技大学科技园讯升信息技术有限公司 默认地址 编辑 删除 15354656536 苏定芳 南昌市北京东路1999号江西师范科技大学科技园讯升信息技术有限公司 设为默认 编辑 删除 15354656536 苏定芳 南昌市北京东路1999号江西师范科技大学科技园讯升信息技术有限公司 设为默认 编辑 删除
效果如下:无论如何都只能一个添加样式,右边文字也随点击改变。
以上所述是小编给大家介绍的jQuery模仿单选按钮选中效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持!



