gpt4 book ai didi

javascript - 如何在 jQuery 中创建多个复选框处理程序?

转载 作者:行者123 更新时间:2023-11-30 06:58:24 26 4
gpt4 key购买 nike

我有这两个复选框:

<form action="">
<input id="bikeCheckbox" type="checkbox" name="bikeCheckbox" value="Bike">I have a bike<br>
<input id="carCheckbox" type="checkbox" name="carCheckbox" value="Car">I have a car
</form>

每个复选框的事件:

jQuery(function () {
$("#carCheckbox").click(function () {
if($("#carCheckbox").is(":checked")) {
alert("it works");
}
})
});

jQuery(function () {
$("#carCheckbox").click(function () {
if($("#bikeCheckbox").is(":checked")) {
alert("it works");
}
})
});

现在我想做的是创建一个 for 或某种循环来为多个复选框创建事件处理程序。到目前为止,我一直停留在这段代码中:

jQuery(function () {
var infoArray = ["car", "bike"];

for(var i = 0; i < infoArray.length; i++) {
var id = "#" + infoArray[i] + "Checkbox";

$(id).click(function () {
var myCheckbox = "#" + infoArray[i] + "Checkbox;
if($(myCheckbox).is(":checked")) {
alert("it works");
}
})
}
});

非常感谢任何帮助。

最佳答案

<form action="">
<input id="bikeCheckbox" class="mybox" type="checkbox" name="bikeCheckbox" value="Bike">I have a bike<br>
<input id="carCheckbox" class="mybox" type="checkbox" name="carCheckbox" value="Car">I have a car
</form>
$('#save_value').click(function(){
$('.mybox:checked').each(function(){
alert($(this).val());
}); });

您尝试添加永远相同的类名复选框并使用了

关于javascript - 如何在 jQuery 中创建多个复选框处理程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17441439/

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