javascript - 无法取消选择单选按钮？

Question

我一直在尝试使用 jQuery 取消选择单选按钮，但我遇到了 prop 函数的问题。当此代码运行时，我的条件 ($(e.currentTarget).prop('checked')) 始终计算为 true。

这是一个演示我的问题的 fiddle :Jsfiddle

仅供引用:我正在使用 jQuery 1.8.2，我无法更新它，因为它是一个具有许多依赖项的遗留项目。另外，我必须根据客户的要求使用单选按钮。

Javascript:

$("input[name=optionMedia]").click(function(e) {
    if ($(e.currentTarget).prop('checked')) {
        $(e.currentTarget).prop('checked', false);
    }
});

HTML:

<input class="bigSizeInput" type="radio" id="audioVideo" name="optionMedia" value="1"/>
<input class="bigSizeInput" type="radio" id="showReel" name="optionMedia" value="2" />

Answer 1

你可以这样做

$('input.bigSizeInput').mouseup(function() {
  if ($(this).is(':checked')) {
    setTimeout(function() {
      $('input.bigSizeInput:checked').prop('checked', false);
    }, 1)
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="bigSizeInput" type="radio" id="audioVideo" name="optionMedia" value="1" />
<input class="bigSizeInput" type="radio" id="showReel" name="optionMedia" value="2" />