如何用jq实现在单选框选中的情况下，点击选中状态的单选框，可以取消该单选框的选中状态？

<label for="J_radio">
  <input type="radio" name="name" id="J_radio" value="1" checked="checked">
  单选框
</label>
<script type="text/javascript">
$(function(){
  $('#J_radio').on('click', function(){
    var ischecked = $(this).data('checked');
    if (!ischecked && this.checked) {
      $(this).data('checked', true);
    }else{
      $(this).prop('checked', false);
      $(this).data('checked', false);
    }
    console.log($(this).data('checked'))
  }).data('checked', $('#J_radio').get(0).checked);
})
</script>