gpt4 book ai didi

Javascript循环获取选中复选框的名称

转载 作者:行者123 更新时间:2023-11-30 12:20:57 24 4
gpt4 key购买 nike

我有 HTML 来显示通过循环选中的复选框:

<!DOCTYPE html>

<html>
<head>
<title></title>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>

<body>
<form>
<input type="checkbox" name="bla_bla1" id="checkbox_1" onchange="getName();"/>
<input type="checkbox" name="bla_bla2" id="checkbox_2" onchange="getName();"/>
<input type="checkbox" name="bla_bla3" id="checkbox_3" onchange="getName();"/>
</form>
<span id="checkboxConfirm_1"></span>
<span id="checkboxConfirm_2"></span>
<span id="checkboxConfirm_3"></span>

<script>
function getName(){
for(i = 1; i<4; i++){
var a = "#checkbox_".concat(i.toString()) ;
var b = "#checkboxConfirm_".concat(i.toString());

if ((a).is(":checked")) {
$(b).text($(a).attr("name"));
} else {
$(b).text('');
}
}
}
</script>
</body>
</html>

但是 Javascript 不起作用。请帮我解决问题。

最佳答案

不要对每个复选框都使用 onChange 并且无需使用 for 循环使用 css 的正则表达式选择器,它将解决您的问题。

看这个例子:http://jsfiddle.net/kevalbhatt18/gpdjoyxx/1/

$('input[type="checkbox"]').change(function () {
var index = $(this).index();
console.log(index)
console.log($("span[id^=checkboxConfirm]").eq(index))
if ($(this).is(':checked')) {
$("span[id^=checkboxConfirm]").eq(index).html($(this).attr("name"));
} else {
$("span[id^=checkboxConfirm]").eq(index).html('');
}


})

关于Javascript循环获取选中复选框的名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31107397/

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