将变量从 html 传递到 Javascript 上按钮单击格式 If 语句

Pass variable from html to Javascript on button click Format If statment

本文关键字：按钮 单击 格式 语句 If Javascript 变量 html      更新时间：2023-09-26

我正在尝试在 html 页面上使用按钮并使用 javascript 中的 if 语句格式化我的输出，但我无法让它工作，我要么两者都得到（不可能正确）要么（两者都不是）我在这里格式化了代码作为示例，它不起作用，但希望您能够理解并回答我的查询。

<script type="text/javascript">
  function handleIt(n){
    if (n = "A"){alert("A");}
    if (n = "D"){alert("D");}
  }
</script>
</head>
<body>
<h1>Admin Control panel :</h1>
   <button type="button"id="A"onclick="handleIt(n)">+</button>
   <button type="button"id="D"onclick="handleIt("D")">-</button>

您有几个问题， 

if (n = "A"){ } 
//as Will pointed out
//this statement represents assignment which is always TRUE
//but in your case, it's equality(i hope) which can be TRUE or FALSE depended on your both variables

和 

<button type="button"id="D"onclick="handleIt("D")">-</button> 
<!--onclick is written incorrect, use single quotes instead, "handleIt('D')"-->

以下是工作示例 

<script type="text/javascript">
  function handleIt(n){
    if (n == "A"){ alert("A"); }
    if (n == "D"){ alert("D"); }
  }
</script>
<button type="button" id="A" onclick="handleIt('A')">+</button>
<button type="button" id="D" onclick="handleIt('D')">-</button>

似乎代码不正确，如果条件用于分配值，则在里面使用"="符号，而不是比较它。要进行比较，您可以使用"=="或"==="此外，还存在与引号相关的语法错误

 <button type="button"id="D"onclick="handleIt("D")">-</button>

以下是更新后的代码

： 
<h1>Admin Control panel :</h1>
   <button type="button"id="A" onclick="handleIt('A')">+</button>
   <button type="button"id="D" onclick="handleIt('D')">-</button>
   <script>
   function handleIt(n){
    if (n == "A"){alert("A");}
    if (n == "D"){alert("D");}
  }
   </script>

这是相同的小提琴：https://jsfiddle.net/g5st4c5m/1/

相关文章：