Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JS或Jquery将复选框和单选框中的值添加到标签_Javascript_Jquery_Checkbox_Sum_Radio - Fatal编程技术网

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!我刚刚用以前的代码更新了我的帖子。但并没有所有的元素,但它几乎就是我试图使用的“逻辑”。非常感谢。在Chagene
var linePlan=$('input[name=linePlan]:checked')上创建一个包含完整代码的小提琴
to
var 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)) + '~')
  }

});