单选按钮启用/禁用无法正常工作

user2024080 发表于 Dev

用户名

我正在尝试切换radio按钮true或false使用以下功能。

但是，第一次单击时，我没有得到任何回应。稍后可以正常工作。应该解决这个问题，这里出了什么问题？

var switching = false;

$('button').on("click", function() {
  switching = switching == false ? switching = true : switching = false;
  console.log("switching", switching); //first click true but not works!
  $(":radio").attr("disabled", switching);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="foo" value="Y" checked disabled>
<input type="radio" name="foo" value="N" disabled>
<input type="radio" name="foo" value="X" disabled>

<button>
  Switch Me
</button>

现场演示

内纳德·弗拉卡（Nenad Vracar）

您可以true像这样从头开始切换switching = !switching

var switching = true;

$('button').on("click", function() {
  switching = !switching
  $(":radio").attr("disabled", switching);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="foo" value="Y" checked disabled>
<input type="radio" name="foo" value="N" disabled>
<input type="radio" name="foo" value="X" disabled>

<button>
  Switch Me
</button>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。