js radio单击选中双击取消选中

在网上找了各种办法后的效果为多次选中取消时会发生选中出现失败的问题,经过测试后,发下如下代码有效。

<script>
  var heatmap_all = {{ heatmap|safe }};

  $('input:radio[name="department"]').click(function(){
    var $radio = $(this);
    if ($radio.data('waschecked') == true){
      $radio.prop('checked', false);
      $("input:radio[name='department']").data('waschecked',false);
      // $radio.data('waschecked', false);
      showHeatmap(heatmap_all);
    } else {
      $radio.prop('checked', true);
      $("input:radio[name='department']").data('waschecked',false);
      $radio.data('waschecked', true);
      $.ajax({
        url: "/networkData/",
        type: "POST",
        data: {'csrfmiddlewaretoken':'{{ csrf_token }}','department': $radio.context.value},
        traditional: true,
        success: function (data){
          heapmap = data['heatmap'];
          showHeatmap(heapmap);
        }
    });
    }
  });
</script>

<input type="radio" name="department" value={{i}}>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。