我找到了以下教程并将其应用到我的代码 How to sum radio button values using either Javascript or jQuery?但这对我不起作用。用户可以选择一个计划,并且可以根据自己的意愿下载个性化 Logo ,价格为 49.99 美元。我希望 Logo 的价格为 49.99 美元(如果是)或 0.00 美元(如果否),以添加到计划选择中,并输出总价。但是,我发布链接的上一个教程中的代码已经有效,但是我的代码中做错了什么?
fiddle http://jsfiddle.net/1s4gzbys/4/
<div class="control-group questions">
<div class="field-control">
<p>Would you like to download your company logo?</p>
<div class="input-wrapper">
<div class="answer"><input class="btn-checkbox-choice" type="radio" name="groupeight" value="$49.99"/><label>Yes</label></div>
<input class="btn-checkbox-choice" type="radio" name="groupeight" value="$0.00" /><label>No</label>
</div>
</div>
</div>
<span id="checkout-title">Checkout</span>
<div class="plan-wrapper">
<label id="silver-plan"><input class="btn-checkbox-plan" type="radio" name="groupnine" value="$699" /><label>Silver Plan</label><span id="silver-plan-price">$699</span> </label>
<label id="gold-plan"><input class="btn-checkbox-plan" type="radio" name="groupnine" value="$999" /><label>Gold Plan</label><span id="gold-plan-price">$999</span></label>
</div>
<div class="logo-wrapper">
<span id="personalized-logo">Personalized Logo</span>
<output type="number" name="price" id="output-choice">
</div>
<div class="total-wrapper">
<div class="wrapper-b">
<span id="total">Total</span>
<output type="number" name="price" id="output"></output>
</div>
</div>
.js
$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});
// $('input').on('ifChecked', function(event){});
function calcprice() {
var sum = 0;
if(($(".btn-checkbox-choice").is(':checked')) && ($(".btn-checkbox- plan").is(':checked'))).each(function(){
sum += parseInt($(this).val(),10);
});
$("output[name=price]").val(sum);
}
$().ready(function(){
$("#output").change(function(){
calcprice()
});
});
});
最佳答案
您能够执行以下操作:
$(document).ready(function(){
$("input[type=radio]").change(function(){
if ($("input[name=groupnine]:checked").val() && $("input[name=groupeight]:checked").val()){
p1 = $("input[name=groupnine]:checked").val().substring(1)*1;
p2 = $("input[name=groupeight]:checked").val().substring(1)*1;
$("#output").val("$"+(p1+p2));
}
else{
//alert('no')
}
// alert($(this).val());
})
});
关于javascript - 如何使用 jQuery/JavaScript 查找单选按钮值的总和?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27471325/