单击已禁用的单选按钮

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