Question

我想制作一个＆＃34;计算器＆＃34;与radiobuttons和复选框的东西。当检查无线电按钮时，必须发生这种情况： 1.选中radiobutton时，将自动检查上面的复选框。 2.所有单选按钮都有值。如果检查了radiobuttons，则将值相加。 3.这必须是javascript（不是jQuery）

这是我的HTML代码：

     <form name="CalorieForm">
    <input type="checkbox"> Groente en fruit <br />
      <ul><input type="radio"> Appel (60 kcal per appel) <br />
      <input type="radio"> Paprika (60 kcal per paprika) <br /></ul>
    <br>
    <input type="checkbox"> Brood, pasta en peelvruchten <br />
      <ul><input type="radio"> Zilvervliesrijst (111 kcal per 100 gram) <br />
      <input type="radio"> Sperziebonen(24 kcal per 100 gram)<br /></ul>
    <br>
    <input type="checkbox"> Zuivel, vlees, vis, ei en vleesvervangers <br />
      <ul><input type="radio"> Kabeljauwfilet (118 kcal per 100 gram) <br />
      <input type="radio"> Biefstuk (115 kcal per 100 gram) <br /></ul>
    <br>
    <input type="checkbox"> Vetten en olie <br />
      <ul><input type="radio"> Olie (108 kcal per eetlepel) <br />
      <input type="radio"> Halvarine (90 kcal per 25 gram) <br /></ul>
    <br>
    <input type="checkbox"> Vocht <br />
      <ul><input type="radio"> Thee (0 kcal per 0.5 liter) <br />
      <input type="radio"> Coca cola light (0.6 kcal per blikje) <br /></ul>
    <br>
    <input type="button" value="Bereken de calorieën" onClick="BerekeningCalorie()"> <input type="reset" value="Reset" />
    <br>
    <br>
    Aantal calorieën: <input type="text" name="Calorie" size="20"><br />
 </form>

Answer 1

您可以收听单选按钮上的click事件（onClick =“javascriptFunction（）”），然后从该函数执行javascript代码。这允许您在每次单击单选按钮时执行该代码。

从那里你可以做你想做的两件事。

要选中复选框，您需要为复选框指定ID或其他内容以标识它们。然后，您可以使用document.getElementById（elementId）选择ID并将javascript应用于它。有很多关于选中复选框的文档，所以你可以自己谷歌。

添加值意味着您只需检索当前单选按钮的值并将其添加到变量中。再次，你可以在互联网上找到它。

单选按钮和复选框值

1 个答案: