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

            }

});