gpt4 book ai didi

javascript - 在 jquery 中选择时显示复选框值

转载 作者:搜寻专家 更新时间:2023-11-01 05:19:28 26 4
gpt4 key购买 nike

$('input[name="accounts"]').on('click', function() {
$('input[name="accounts"]:checked').each(function() {
if (index == 0) {
txt = $(this).val();
$("#accounts-text").html(txt);
} else {
$("#accounts-text").append(txt);
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label><b>Accounts</b></label><br>
<input type="checkbox" name="accounts" value="Gmail"> Gmail
<br>
<input type="checkbox" name="accounts" value="Facebook"> Facebook
<br>
<input type="checkbox" name="accounts" value="Instagram"> Instagram
<br>
<div class="form-group">
<label>Accounts: </label>
<h5 id="accounts-text"></h5>
</div>

在上面的代码中,帮助我找出在同一页面中尝试显示选中的复选框值时的错误。

最佳答案

您可以使用 map()get() 获取所有值。这将返回所有选中值的数组。使用 join() 将数组转换为字符串。

$('input[name="accounts"]').on('click', function() {
var result = $('input[name="accounts"]:checked').map(function() {
return this.value;
}).get();

$("#accounts-text").html(result.join("<br />"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label><b>Accounts</b></label><br>
<input type="checkbox" name="accounts" value="Gmail"> Gmail
<br>
<input type="checkbox" name="accounts" value="Facebook"> Facebook
<br>
<input type="checkbox" name="accounts" value="Instagram"> Instagram
<br>
<div class="form-group">
<label>Accounts: </label>
<h5 id="accounts-text"></h5>
</div>

关于javascript - 在 jquery 中选择时显示复选框值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52981052/

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