JavaScript-使用“已选中/未选中的复选框”作为“ IF ELSE条件语句”

Hudoyo Danumurti

现在,我想将“ check / unchecked”复选框用作“ IF condition statement”。

示例:我想根据您击中的音符制作一个和弦分析器。当您选中复选框上的音符(或某些音符),然后按这些复选框下方的按钮时,段落元素应告诉您您所弹奏的和弦。但是我在if ("error")声明中的写作有误如何解决?

这是我的代码:

<!doctype html>
<html>
   <head>
      <script>
       function fungsi() {

         var c = document.getElementById("C").checked;
         var e = document.getElementById("E").checked;
         var f = document.getElementById("F").checked;
         var g = document.getElementById("G").checked;

         if (c.checked = true &&
           e.checked = true &&
           g.checked = true &&
           f.checked = false) {
           document.getElementById("chord").innerHTML = "C Chord";
         } else if (c.checked = true &&
           f.checked = true &&
           g.checked = false &&
           e.checked = false) {
           document.getElementById("chord").innerHTML = "F Chord";
         } else {
           alert("Under Development!");
         }
       }
      </script>
   </head>
   <body>
      <form>
         Note(s) That You Hit:<br>
         <input type=checkbox id="C">C<br>
         <input type=checkbox id="E">E<br>
         <input type=checkbox id="F">F<br>
         <input type=checkbox id="G">G
      </form>
      <button type=button onclick="fungsi()">The Chord Is</button>
      <p id="chord"></p>
   </body>
</html>
TJ人群

if (c.checked=true)和类似的应该是简单的if (c.checked)

if (f.checked=false)和类似的应该是简单的if (!f.checked)

如果愿意,可以执行if (c.checked==true),也可以if (c.checked===true)类似地执行if (f.checked==false)if (f.checked===false),但这在大多数情况下是没有意义的。已经有一个布尔值。公正if (c.checked)并且if (!f.checked)足够。

例如:

if (c.checked &&
    e.checked &&
    g.checked &&
    !f.checked) {
    document.getElementById("chord").innerHTML = "C Chord";
}

另外,正如crclayton指出的那样,您要么想要:

var c=document.getElementById("C").checked;
var d=document.getElementById("E").checked;
// ...and so on..., and then:
if (c && e && g && !f)

或者

var c=document.getElementById("C"); // <== No .checked
var d=document.getElementById("E"); // <==
// ...and so on..., and then:
if (c.checked &&
    e.checked &&
    g.checked &&
    !f.checked) {

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Android:如果未选中基于复选框的语句

来自分类Dev

javascript在复选框上隐藏/显示div:已选中/未选中

来自分类Dev

如何使用JavaScript或jquery选中/取消选中复选框?

来自分类Dev

jQuery / JavaScript:选中所有复选框并选中每个复选框以显示div

来自分类Dev

复选框未在javascript中选中?

来自分类Dev

如果未选中复选框,则禁用Javascript按钮-问题

来自分类Dev

如何使用JavaScript / jQuery选中/取消选中带有复选框的选择选项?

来自分类Dev

复选框未选中onclick JavaScript

来自分类Dev

为什么此javascript复选框始终保持未选中状态?

来自分类Dev

无法将所有复选框重置为未选中的javascript

来自分类Dev

javascript在复选框上隐藏/显示div:已选中/未选中

来自分类Dev

javascript中复选框的选中属性

来自分类Dev

JavaScript if else语句或条件错误

来自分类Dev

带有javascript的Xforms-确定复选框处于选中状态还是未选中状态

来自分类Dev

Javascript-复选框已选中的条件

来自分类Dev

复选框上的javascript click事件导致未选中该复选框

来自分类Dev

使用javascript和jquery取消选中复选框的值

来自分类Dev

如何在JavaScript中获取具有ID的已选中复选框值

来自分类Dev

如何在不使用JavaScript的情况下处理未选中的复选框数组值?

来自分类Dev

有条件的JavaScript公式,取决于是否已选中复选框

来自分类Dev

使用JavaScript中的数据属性取消选中复选框

来自分类Dev

在JavaScript中显示选中的复选框

来自分类Dev

选中/取消选中复选框以使用 javascript 显示/隐藏输入文件元素

来自分类Dev

在 JavaScript 中使用数组响应选中复选框

来自分类Dev

当用户选中/取消选中复选框时,如何使用 Javascript 加减价格?

来自分类Dev

Javascript - 基于数组值选中/取消选中复选框

来自分类Dev

If/Else 选中两个复选框 - Javascript

来自分类Dev

基于条件 jquery 未选中 JsTree 复选框

来自分类Dev

使用 Javascript 选中/取消选中复选框

Related 相关文章

  1. 1

    Android:如果未选中基于复选框的语句

  2. 2

    javascript在复选框上隐藏/显示div:已选中/未选中

  3. 3

    如何使用JavaScript或jquery选中/取消选中复选框?

  4. 4

    jQuery / JavaScript:选中所有复选框并选中每个复选框以显示div

  5. 5

    复选框未在javascript中选中?

  6. 6

    如果未选中复选框,则禁用Javascript按钮-问题

  7. 7

    如何使用JavaScript / jQuery选中/取消选中带有复选框的选择选项?

  8. 8

    复选框未选中onclick JavaScript

  9. 9

    为什么此javascript复选框始终保持未选中状态?

  10. 10

    无法将所有复选框重置为未选中的javascript

  11. 11

    javascript在复选框上隐藏/显示div:已选中/未选中

  12. 12

    javascript中复选框的选中属性

  13. 13

    JavaScript if else语句或条件错误

  14. 14

    带有javascript的Xforms-确定复选框处于选中状态还是未选中状态

  15. 15

    Javascript-复选框已选中的条件

  16. 16

    复选框上的javascript click事件导致未选中该复选框

  17. 17

    使用javascript和jquery取消选中复选框的值

  18. 18

    如何在JavaScript中获取具有ID的已选中复选框值

  19. 19

    如何在不使用JavaScript的情况下处理未选中的复选框数组值?

  20. 20

    有条件的JavaScript公式,取决于是否已选中复选框

  21. 21

    使用JavaScript中的数据属性取消选中复选框

  22. 22

    在JavaScript中显示选中的复选框

  23. 23

    选中/取消选中复选框以使用 javascript 显示/隐藏输入文件元素

  24. 24

    在 JavaScript 中使用数组响应选中复选框

  25. 25

    当用户选中/取消选中复选框时,如何使用 Javascript 加减价格?

  26. 26

    Javascript - 基于数组值选中/取消选中复选框

  27. 27

    If/Else 选中两个复选框 - Javascript

  28. 28

    基于条件 jquery 未选中 JsTree 复选框

  29. 29

    使用 Javascript 选中/取消选中复选框

热门标签

归档