css 与 jquery 配合实现重写radio组件样式

最新推荐文章于 2022-05-12 20:47:21 发布

weixin_33928137

最新推荐文章于 2022-05-12 20:47:21 发布

阅读量184

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/912810/blog/293314

版权

2019独角兽企业重金招聘Python工程师标准>>>

隐藏radio组件，当点击锚点时改变相应的radio组件的cheched属性即可。

样式可以写在a标签上面。

HTML：

 <div style="display:none">
    <input type="radio" value="0" id="moon" checked />
    <input type="radio" value="1" id="sun" />
</div>
<div id="selRadio">
    <a href="javascript:void(0);" value="0">月亮</a><a href="javascript:void(0);" value="1"> 太阳</a>
</div>

js:

 $("#selRadio a").click(function(e){
    var sender=e.target || e.srcElement;
    var flag=sender.attr("value");
    
    if (1 == flag){
        $("#sun").attr("checked", "checked");
        $("#moon").removeattr("checked");    
    }else{
        $("#sun").removeattr("checked");
        $("#moon").attr("checked", "checked");
    }
});

转载于:https://my.oschina.net/u/912810/blog/293314