javascript - 单选按钮在 IE 中不切换
问题描述
嗨,我有一组单选选项,默认情况下,第一个选项具有“当前选择”类。
现在,当我单击其他选项时,我需要从所有其他单选选项中删除“当前选择”类并将其添加为当前选择的选项。
这是我正在使用的 JS,它在除 IE 之外的所有浏览器上都能正常工作。在 IE 上,所有其他选项都“当前已选择”并且没有被切换。
这是结构。
<div id="edit-donation-amount"><div class="js-form-item form-item js-form-type-radio form-item-donation-amount js-form-item-donation-amount">
<input data-drupal-selector="edit-donation-amount-25" type="radio" id="edit-donation-amount-25" name="donation_amount" value="25" checked="checked" class="form-radio">
<label for="edit-donation-amount-25" class="option">$25</label>
</div>
<div class="js-form-item form-item js-form-type-radio form-item-donation-amount js-form-item-donation-amount">
<input data-drupal-selector="edit-donation-amount-50" type="radio" id="edit-donation-amount-50" name="donation_amount" value="50" class="form-radio">
<label for="edit-donation-amount-50" class="option">$50</label>
</div>
<div class="js-form-item form-item js-form-type-radio form-item-donation-amount js-form-item-donation-amount currently-selected">
<input data-drupal-selector="edit-donation-amount-100" type="radio" id="edit-donation-amount-100" name="donation_amount" value="100" class="form-radio">
<label for="edit-donation-amount-100" class="option">$100</label>
</div>
<div class="js-form-item form-item js-form-type-radio form-item-donation-amount js-form-item-donation-amount">
<input data-drupal-selector="edit-donation-amount-500" type="radio" id="edit-donation-amount-500" name="donation_amount" value="500" class="form-radio">
<label for="edit-donation-amount-500" class="option">$500</label>
</div>
<div class="js-form-item form-item js-form-type-radio form-item-donation-amount js-form-item-donation-amount">
<input data-drupal-selector="edit-donation-amount-1000" type="radio" id="edit-donation-amount-1000" name="donation_amount" value="1000" class="form-radio">
<label for="edit-donation-amount-1000" class="option">$1000</label>
</div>
<div class="js-form-item form-item js-form-type-radio form-item-donation-amount js-form-item-donation-amount">
<input data-drupal-selector="edit-donation-amount-other" type="radio" id="edit-donation-amount-other" name="donation_amount" value="other" class="form-radio">
<label for="edit-donation-amount-other" class="option">Other</label>
</div>
</div>
var $radioButtons = $('#edit-donation-amount input[type="radio"]');
$radioButtons.click(function() {
$radioButtons.each(function() {
$(this).parent().toggleClass('currently-selected', this.checked);
});
});
任何关于它为什么在 IE 上失败的线索将不胜感激。
谢谢
解决方案
推荐阅读
- r - lavaan - WLSMV 估计器的问题
- php - php下单成功后的库存管理
- powershell - 使用 Powershell 在 W10 中创建新的本地用户帐户但不填充前端
- javascript - 反应 | DataGrid 不会随着更改的状态而更新
- google-bigquery - bigquery 中的任何等效于 postgres any() 数组?
- twilio - 为单个 Twilio 号码注册多个 webhook
- javascript - 在 HTML 输入中动态地将元素环绕在文本周围
- go - 你如何安装子命令?
- mongodb - Mongoose - 使用任何键和特定子键查找对象
- java - 保存并重新使用这个“随机”?