gpt4 book ai didi

javascript - 使用 jquery 获取单选按钮的值并根据选择显示文本

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

我这里有这个代码 http://jsfiddle.net/fQTUp/302/一切正常,直到我添加第二组单选按钮。

$("input").click(function (event) {
var total = 0;
$("input:checked").each(function () {
if ($(this).attr("price") !== undefined) {
total += parseInt($(this).attr("price"));

} else {
total += 0;
}
});

if (total === 0) {
$('.total-price').text('Some new text.');

} else {
$('.total-price').text('Total price: $' + total);
}

});

$("input").click(function (event) {
$("input:checked").each(function () {
if ($("input:checked").attr("value") == "ownlogo") {
$('.logo_p').text('Own logo.');
}

if ($("input:checked").attr("value") == "textlogo") {
$('.logo_p').text('Text logo.');
}

if ($("input:checked").attr("value") == "Starter") {
$('.plan_price').text('Strtr price.');
}

if ($("input:checked").attr("value") == "Business1") {
$('.plan_price').text('Business price.');
}

if ($("input:checked").attr("value") == "Pro") {
$('.plan_price').text('Pro price.');
}

});

});

当我开始点击第二组按钮时 - 它有效,但当我从第一组中选择某些内容时,第二组停止工作。

请查看脚本以了解我的问题。

谢谢你的帮助!

最佳答案

您必须在 .each() 循环中使用 $(this) 引用。 $("input:checked").each() 循环中将简单地返回第一个匹配的元素,这就是你的代码中的问题。

尝试,

$("input").click(function (event) {
$("input:checked").each(function () {
if ($(this).attr("value") == "ownlogo") {
$('.logo_p').text('Own logo.');
}

if ($(this).attr("value") == "textlogo") {
$('.logo_p').text('Text logo.');
}

if ($(this).attr("value") == "Starter") {
$('.plan_price').text('Strtr price.');
}

if ($(this).attr("value") == "Business1") {
$('.plan_price').text('Business price.');
}

if ($(this).attr("value") == "Pro") {
$('.plan_price').text('Pro price.');
}
});
});

DEMO

关于javascript - 使用 jquery 获取单选按钮的值并根据选择显示文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20597181/

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