Javascript 使用JS或Jquery将复选框和单选框中的值添加到标签
我发誓在问你们之前我试了很多,但我就是不能让它正常工作。我有一个收音机和一个复选框区域,如下所示:Javascript 使用JS或Jquery将复选框和单选框中的值添加到标签,javascript,jquery,checkbox,sum,radio,Javascript,Jquery,Checkbox,Sum,Radio,我发誓在问你们之前我试了很多,但我就是不能让它正常工作。我有一个收音机和一个复选框区域,如下所示: <form class="form-horizontal text-left"> <div class="form-group"> <label>Plans</label> <div> <label class="radio-inline"> <input type="ra
<form class="form-horizontal text-left">
<div class="form-group">
<label>Plans</label>
<div>
<label class="radio-inline">
<input type="radio" name="linePlan" value="100000">Plan 1
</label>
</div>
<div>
<label class="radio-inline">
<input type="radio" name="linePlan" value="126000">Plan 2
</label>
</div>
<div>
<label class="radio-inline">
<input type="radio" name="linePlan" value="160000">Plan 3
</label>
</div>
</div>
<div class="form-group">
<label>Options</label>
<div class="checkbox">
<label>
<input type="checkbox" id="english" value="3000">English
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" id="portuguese" value="3000">Portuguese
</label>
</div>
</div>
<div class="form-group">
<label>Plans</label>
<div>
<label id="resultPlan" style="color:blue"></label>
<label id="sumPlan" style="color:blue"></label>
</div>
<label>Options</label>
<div>
<label id="resultOption" style="color:blue"></label>
<label id="sumOption" style="color:blue"></label>
</div>
<label>TOTAL</label>
<label id="sumTotal" style="color:blue"></label>
</div>
</form>
当然,这不是完整的代码,但这正是我所尝试的
谢谢你的帮助 我刚刚为你的问题创建了一个代码。如果您需要税收,只需在下面添加条件语句。希望这有帮助 检查此代码:
$(“输入[name=linePlan],输入[type=checkbox]”)。在('change',function()上{
var planvalue=parseInt($('input[name=linePlan]:checked').val();
var plantext=$('input[name=linePlan]:选中').parent().text();
var optionsvalue=0;
var期权=[];
$('input[type=“checkbox”]”)。每个(函数(){
如果($(this).is(':checked')){
optionsvalue+=parseInt($(this.val());
options.push($(this.parent().text());
}
});
var optionText=options.join(',');
$('#resultPlan').text(plantext);
$('#sumPlan')。文本(planvalue);
$(“#结果选项”).text(选项text);
$('#sumpoption')。文本(optionsvalue);
如果(选项值==0)
$(“#结果选项”).text(“无选项”);
$('#sumTotal')。文本(planvalue+OptionValue);
});代码>
计划
计划1
计划2
计划3
选择权
英语
葡萄牙语
计划
选择权
全部的
展示你的尝试。你好@BenG!我刚刚用以前的代码更新了我的帖子。但并没有所有的元素,但它几乎就是我试图使用的“逻辑”。非常感谢。在Chagenevar linePlan=$('input[name=linePlan]:checked')上创建一个包含完整代码的小提琴
tovar linePlan='input[name=linePlan]:选中'代码>工作得很好,拉尔夫!非常感谢你!!
$("input[name=linePlan]").on('change',function(){
var linePlan = $('input[name=linePlan]:checked');
if ($(linePlan).is(':checked') && $(this).val() == '100000' && $('#english').prop('checked', false) && $('#portuguese').prop('checked', false)) {
$('#resultPlan').text("Plan 1")
$('#sumPlan').text('100000~')
$('#totalLine').text((Math.round(100000 * 1.08)) + '~') //1.08 is a tax fee
} else if ($(linePlan).is(':checked') && $(this).val() == '126000' && $('#english').prop('checked', false) && $('#portuguese').prop('checked', false)) {
$('#resultPlan').text("Plan 2")
$('#sumPlan').text('126000~')
$('#sumTotal').text((Math.round(126000 * 1.08)) + '~')
}
});