Javascript 和值单选按钮_Javascript_Html

Javascript 和值单选按钮

javascript html

Javascript 和值单选按钮,javascript,html,Javascript,Html,有人知道如何求这些值的总和吗。我想把总数乘以1072。我试了一下。但结果不是很好因此，我想要一个javascript代码，其中将计算标记的4个值的总和 <html> <head> <h2>Inboedelwaardemeter</h2> <script type="text/javascript"> function sumCheckedRadioButton

有人知道如何求这些值的总和吗。我想把总数乘以1072。我试了一下。但结果不是很好

因此，我想要一个javascript代码，其中将计算标记的4个值的总和

   <html>   
    <head>
        <h2>Inboedelwaardemeter</h2>
        <script type="text/javascript">
            function sumCheckedRadioButtons() {
                  var sum = 0;
                  $('input[type=radio]:checked').each(function(i, el) {
                    sum += Number($(el).val());
                  });
                  return sum;
                }
                $('#show_sum').on('click', function() {
                    alert(sumCheckedRadioButtons());
                });
        </script>
    </head> 
    <body>
        <br>
        <b> Leeftijd hoofdkostwinner:</b>
        <form name="mijnForm1">
        <br>
            <input type="radio" id="getal1" name="leeftijd"
                value="22" checked> 35 jaar en jonger
              <br>    
            <input type="radio" id="getal2" name="leeftijd"
                value="29"> 36 t/m 50 jaar
              <br>
            <input type="radio" id="getal3" name="leeftijd"
                value="38"> 51 jaar en ouder
              <br>
            <br>
        <b> Samenstelling huishouden:</b>
        <br>
        <form name="mijnForm2">
            <input type="radio" id="getal4" name="huishouden"
                value="22" checked> Alleenstaande
              <br>    
            <input type="radio" id="getal5" name="huishouden"
                value="29"> Echtpaar / Samenwonende
              <br>
              <br>  
        <b> Netto maandinkomen hoofdkostwinner</b>
        <br>
        <form name="mijnForm3">
            <input type="radio" id="getal6" name="hoofdkostwinner"
                value="22" checked> Tot en met €1000,-
              <br>    
            <input type="radio" id="getal7" name="hoofdkostwinner"
                value="29"> €1001,- tot en met €2000,-
              <br>
            <input type="radio" id="getal8" name="hoofdkostwinner"
                value="38"> €2001,- tot en met €3000,-
             <br>
            <input type="radio" id="getal9" name="hoofdkostwinner"
                value="38"> €3001,- of hoger
            <br>
            <br>
            <b> Oppervlakte woning</b>
            <br>
        <form name="mijnForm4">
            <input type="radio" id="getal10" name="Oppervlakte"
                value="22" checked> tot en met90m²
              <br>    
            <input type="radio" id="getal1" name="Oppervlakte"
                value="29"> 91m² tot en met 140m²
              <br>
            <input type="radio" id="getal12" name="Oppervlakte"
                value="38"> 141m² tot en met 190m²
             <br>
            <input type="radio" id="getal13" name="Oppervlakte"
                value="38"> 191m² of meer
            <br>
        </form>
        <input type="button" id="show_sum" value="Show Sum" />
    </body>
 </html>


内波德瓦德表
函数sumCheckedRadioButtons（）{
var总和=0；
$（'input[type=radio]：选中'）。每个（函数（i，el）{
总和+=数字（$（el）.val（））；
});
回报金额；
}
$（'show#sum'）。在（'click'，function（）上{
警报（sumCheckedRadioButtons（））；
});


Leeftijd hoofdkostwinner：


35贾尔恩琼格


36吨/米50焦耳


51Jaar en ouder




Samenshuishouden：


阿连斯泰德


埃奇帕/萨门沃南德




内托·马丹科曼·霍夫德科斯特纳


Tot en达到1000欧元-


1001欧元，总计2000欧元-


2001欧元，总计3000欧元-


3001欧元-霍格




沃宁酒店


总面积90平方米


91平方米总面积140平方米


总面积141m²，总面积190m²


191m²的米尔

以下是一个普通的js解决方案：

function checkTotal() {
   var a =  document.querySelectorAll('input:checked'); 
   var total = 0;
   for(var x=0; x < a.length;x++){
      total += a[x].value * 1;
   }
   alert(total);
}

函数checkTotal（）{
var a=document.querySelectorAll（'input:checked'）；
var合计=0；
对于（变量x=0；x


注意：queryselector仅在（相对）现代浏览器中可用
这里的示例：
以下是一个普通的js解决方案：
function checkTotal() {
   var a =  document.querySelectorAll('input:checked'); 
   var total = 0;
   for(var x=0; x < a.length;x++){
      total += a[x].value * 1;
   }
   alert(total);
}

函数checkTotal（）{
var a=document.querySelectorAll（'input:checked'）；
var合计=0；
对于（变量x=0；x

注意：queryselector仅在（相对）现代浏览器中可用
这里的示例：
使用jQuery，您可以简单地选择所有选中的单选按钮，并将其数值添加到总和：
函数sumCheckedRadioButtons（）{
var总和=0；
$（'input[type=radio]：选中'）。每个（函数（i，el）{
总和+=数字（$（el）.val（））；
});
回报金额；
}

这是一个（按“结果”窗格底部的“显示总和”按钮）。
使用jQuery，您只需选择所有选中的单选按钮并将其数值添加到总和：
函数sumCheckedRadioButtons（）{
var总和=0；
$（'input[type=radio]：选中'）。每个（函数（i，el）{
总和+=数字（$（el）.val（））；
});
回报金额；
}

这是一个（按“结果”窗格底部的“显示总和”按钮）。
您需要计算输入值，而不是整个表单。您需要计算输入值，而不是整个表单。它在链接中起作用。但是当我把它粘贴到我的代码中时，它就不再工作了。。。查看上面的代码。你知道我做错了什么吗？@warnerst：尝试将“script”元素移动到HTML页面的最底部，或将其内容包装到DOM就绪处理程序中（例如，$（function（）{…}）
。问题是你试图将单击处理程序附加到“show\u sum”上按钮！warnerst你在使用jQuery吗？它在链接中起作用。但是当我将它粘贴到我的代码中时，它就不再起作用了…查看上面的代码。你知道我做错了什么吗？@warnerst：尝试将“script”元素移到HTML页面的最底部，或者将其内容包装到DOM就绪处理程序中（例如$（function（）{…}）
。问题是您试图在“show_sum”按钮存在之前将单击处理程序附加到它！@warnerst您在使用jQuery吗？