jQuery控制单选选中和取消

用js控制单选框radio选中和不选中时，以为用attr()就行，比如$().attr("checked",true/false);
但是发现只能起效一次，第二次赋值的时候就不起作用了
于是，搜了一下，用prop：

 $('#dianwo').click(function () {
        if($('#radio').prop('checked')){
            $('#radio').prop('checked',false);
        }else{
            $('#radio').prop('checked',true);
        }
    })

**用attr获取checked的值的时候，有的话返回checked，无的话返回underfind
而用prop获取checked的值的时候，有的话返回true，无的话返回false**
即：
**1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();**
PS：貌似只能用jQuery，原生js怎么控制？
附文章两篇：
js控制radio选中
jquery中prop()方法和attr()方法的区别浅析