刚开始学jquery,工作中有些css表单中的按钮美化很麻烦,所以想着用jquery来替换,复选框的jquery很容易,就是简单的样式切换效果,用toggleclass()方法即可。
而单选框之前一直不知道怎么做,因为在单选框中选中一个,其他的都必须移除掉样式,如果2个单选框在同级中则用siblings()则可直接找到其他单选框移除掉样式即可。鉴于自己工作
是循环列表模式,每个
css如下:
设置-收货地址 // $(function(){ //改变样式同时改变右边的文字 $("span.zdy-icon-radio").click(function(){ $(this).addClass("active").text("默认地址") .parent().parent().parent().siblings().find("span.zdy-icon-radio").removeClass("active").text("设为默认"); }); }) //]]>
编辑地址
15354656536 苏定芳
南昌市北京东路1999号江西师范科技大学科技园讯升信息技术有限公司
编辑 删除
15354656536 苏定芳
南昌市北京东路1999号江西师范科技大学科技园讯升信息技术有限公司
编辑 删除
15354656536 苏定芳
南昌市北京东路1999号江西师范科技大学科技园讯升信息技术有限公司
编辑 删除
效果如下:无论如何都只能一个添加样式,右边文字也随点击改变。










