gpt4 book ai didi

javascript - 当我动态生成复选框时,无法使用 javascript 访问复选框的键

转载 作者:行者123 更新时间:2023-11-28 20:13:49 37 4
gpt4 key购买 nike

我在 html.erb 中创建了一个复选框,如下所示:

<%= check_box_tag(:fenix_fee_charged) %>
<%= label_tag(:fenix_fee_charged, "FENIX_FEE_CHARGED") %>
<%= check_box_tag(:fenix_fee_no_charged) %>
<%= label_tag(:fenix_fee_no_charged, "FENIX_FEE_NO_CHARGED") %>

我创建了 javascript 来设置其中一个或另一个:

$('#fenix_fee_charged').click(function(){
$('#fenix_fee_no_charged').removeAttr("checked");
});
$('#fenix_fee_no_charged').click(function(){
$('#fenix_fee_charged').removeAttr("checked");
});

当我要检查的选项增加时,我决定动态创建复选框:

<% Enums::FlightEnum::FENIX_FLIGHTS_NOTIFICATIONS.each do |notification, value| %>
<%= check_box_tag notification, value %>
<%= label_tag notification, notification.to_s.upcase, :class => "checkbox inline" %>
<% end %>

当我检查 javascript 函数时,这不起作用。如果您能给我任何帮助,我将不胜感激!

最佳答案

使用.on()

由于元素是动态添加的,因此您无法将事件直接绑定(bind)到它们。因此您必须使用事件委托(delegate)。

$(document).on('click', '#fenix_fee_charged', function(event) {
$('#fenix_fee_no_charged').removeAttr("checked");
})

关于javascript - 当我动态生成复选框时,无法使用 javascript 访问复选框的键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19497198/

37 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com