javascript - 单击禁用的单选按钮

Question

我想禁用单选按钮，但在禁用它时能够获取单击事件。然后我将单选按钮放在 div 中:

<div id="div_radio" display="block"><input type="radio" id="radio"/></div>

例如，我就是这样做的:

$("#div_radio").click(function(){
  $(this).hide();
});

您可以在这里尝试:http://jsfiddle.net/stla/6CKwk/2/

它可以工作，但必须不完全点击单选按钮，这是我的问题。我在 SO 上发现了几个相关问题，但作为 html/javascript 的新手，我可能误解了一些解决方案。

Answer 1

您可以在现代浏览器上使用pointer-events CSS属性:

DEMO jsFiddle

$("#button").click(function(){
  $("#radio").prop('disabled',true).css('pointer-events','none');
});