【问题标题】:Radiobuttons and checkbox values单选按钮和复选框值
【发布时间】:2014-03-31 16:10:33
【问题描述】:

我想用单选按钮和复选框制作一个“计算器”。 当检查半径时,必须发生这种情况: 1. 勾选单选按钮时会自动勾选上面的复选框。 2. 所有单选按钮都有值。如果选中单选按钮,则这些值将相加。 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>

【问题讨论】:

  • 与您的问题无关的事情...您使用的是有序列表,但您添加的项目不是列表项目。将项目包裹在
  • 中,否则
      无效;)
  • 您的问题是什么?我们不会为你做作业。
  • 标签: javascript html checkbox


    【解决方案1】:

    您可以监听单选按钮 (onClick="javascriptFunction()") 上的点击事件,然后从该函数执行 javascript 代码。这允许您在每次单击单选按钮时执行该代码。

    从那里你可以做你想做的事情。

    要选择复选框,您需要为复选框提供一个 ID 或其他东西来识别它们。然后您可以使用 document.getElementById(elementId) 选择 ID 并将 javascript 应用到它。有很多关于选择复选框的文档,所以你可以自己谷歌。

    添加值意味着您只需检索当前单选按钮的值并将其添加到变量中。同样,您可以在 Internet 上找到它。

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签