input radio点击选中再点击取消

这里主要说一下这个jquery中的data()方法，我的感受这个方法平时挺少用到的，因此说一说，按照官方的解释就是 向元素附加数据，而后取回该数据;
嗯，是的，就是这么简单。
那这里说一下这个方法的使用，咱们都知道单选按钮在点击以后再点击是不能直接取消的，要取消的话只能使用js设置checked属性，若是是单个单选按钮，仍是挺容易的，可是多个单选的时候，就会以为很蛋疼，因此咱们能够使用data()方法来实现

html部分

<div><input type="radio">按钮</div>
<div><input type="radio">按钮</div>
<div><input type="radio">按钮</div>
<div><input type="radio">按钮</div>
<div><input type="radio">按钮</div>

js部分

$('input:radio').click(function(){

            var $radio = $(this);

            if ($radio.data('checked')){

              $radio.prop('checked', false);

              $radio.data('checked', false);

            } else {

              $radio.prop('checked', true);

              $radio.data('checked', true);

            }

});