当前位置:Gxlcms > JavaScript > jQuery模仿单选按钮选中效果实例代码

jQuery模仿单选按钮选中效果实例代码

时间:2021-07-01 10:21:17 帮助过:1人阅读

刚开始学jquery,工作中有些css表单中的按钮美化很麻烦,所以想着用jquery来替换,复选框的jquery很容易,就是简单的样式切换效果,用toggleClass()方法即可。

而单选框之前一直不知道怎么做,因为在单选框中选中一个,其他的都必须移除掉样式,如果2个单选框在同级中则用siblings()则可直接找到其他单选框移除掉样式即可。鉴于自己工作

是循环列表模式,每个<li>里面都带有一个单选框,未发现jquery中parent()这个好用的方法,以致于纠结了半天。

css如下:

效果如下:无论如何都只能一个添加样式,右边文字也随点击改变。

以上就是jQuery模仿单选按钮选中效果实例代码的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行