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);
    }
});