使用单选按钮时,有效处理选中和取消选中事件至关重要。标准的 onChange 事件不能满足这一点,因为它仅在选择单选按钮时触发。这在识别何时取消选择先前的选择时留下了空白。
考虑以下代码片段:
<code class="js">var rad = document.myForm.myRadios; var prev = null; for (var i = 0; i < rad.length; i++) { rad[i].addEventListener('change', function() { (prev) ? console.log(prev.value): null; if (this !== prev) { prev = this; } console.log(this.value) }); }</code>
此脚本完成所需的任务行为:
此解决方案捕获选中和取消选中事件,使您能够访问之前和当前选中的单选按钮的值。
onClick 事件虽然在浏览器之间更加一致,但仍然没有解决捕获取消选中事件的问题。因此,虽然某些用例可能会考虑使用它,但它并不是使用单选按钮处理选中和取消选中事件的完整解决方案。
以上是如何在 JavaScript 中处理单选按钮的选中和取消选中事件?的详细内容。更多信息请关注PHP中文网其他相关文章!