jquery 设置input的checked属性问题

如果使用jquery设置,应使用prop方法来获取和设置checked属性，不应使用attr.

问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别：

1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase
2.如果使用attr方法获取时，如果当前input中初始化未定义checked属性，则不管当前是否选中，$("#selectAll").attr("checked")都会返回undefined；
如果当前input中初始化已定义checked属性，则不管是否选中，$("#selectAll").attr("checked")都会返回checked.

总结，如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr.

eg:

单选转换.png

HTML

    
用户
    

        

               
               余额支付
       
       

              
              快捷支付
              
       
          

JS

CSS

.content p{
    height: 20px;
    margin-left: 30px;
    font-size: 20px;
}
.pay{
 width: 100%;
 height: 50px;
 line-height: 50px;
 border: 3px solid white;
 margin-top: 2px;
 padding-left: 20px;
}
.paystyle{
border: 3px solid #79c06c;
}
.pay input{
 margin-right: 10px;
}
.pay img{
 margin-left: 10px;
 margin-top: -10px;
}
button {
    width: 150px;
    font-size: 25px;
    height: 40px;
    margin-top: 10px;
}