关于jquery中的data()方法使用实例之多个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>
    <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>
    <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>
    <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>
    <div><input type="radio">按钮</div>
    <div><input type="radio">按钮</div>

javascript部分

 $("input").data("checked",false);//首先为每一个单选按钮设置checked属性为false
        $("input").click(function(){
           if(!$(this).data("checked")){//判断是否为false
               $(this).prop("checked",true);//设置为true
               $(this).data("checked",true);//将data中的checked设置为true
           }else{
               $(this).prop("checked",false);//如果是true，就设置为false
               $(this).data("checked",false);//然后将data中的checked设置为false
           }
        });

就是这样简单的